网格视图超出其定义的宽度答案

【问题标题】：Grid view overflows outside its defined width网格视图超出其定义的宽度
【发布时间】：2015-03-01 11:05:41
【问题描述】：

我有一个 div，有 2 个网格视图，每个视图占 div 宽度的 50%。

第一个网格视图的最后一列包含大约 200 个字符长的名称。

因此，它会继续到第二个网格视图。

我不想使用滚动条。

有什么方法可以将第一个网格视图限制为 50% 并在其宽度超过后在列中显示点（...）？

第一个网格视图的代码：

<div style="width:50%;height:300px;float:left;" align="left">
      <asp:GridView ID = "UnanalysedGV" runat ="server" DataSourceID = "sourceProducts" AutoGenerateColumns = "False" CssClass="mGrid headerclass" AllowSorting="True" Width="100%" AllowPaging="true" >     
                        <HeaderStyle HorizontalAlign="Left" />
                        <Columns>              
                            <asp:BoundField DataField = "Id" HeaderText = " Id" /> 
                            <asp:BoundField DataField = "Owner" HeaderText = "Owner"  />

                             <asp:BoundField DataField="eName" HeaderText="Name" HeaderStyle-HorizontalAlign="Left"  ItemStyle-HorizontalAlign="Right" />


                      </Columns>
          </asp:GridView>

            </div>

同样，对于第二个网格视图。

【问题讨论】：

你能给我们看看你的html和css吗？
好的。给我一分钟！
任何关于如何去做的信息也会非常有帮助:)
不知道，对不起
好的。谢谢你的努力:)

标签： css asp.net gridview

【解决方案1】：

我找到了答案：

 <asp:TemplateField HeaderText="Name" HeaderStyle-HorizontalAlign="Left"  ItemStyle-HorizontalAlign="left"> 
                                <ItemTemplate>
                            <div style="width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis">
                                    <%# Eval("Name") %>
                           </div>
                                    </ItemTemplate>
                            </asp:TemplateField>

【讨论】：