Question

我有一个带有2个网格视图的div，每个网格视图占据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>

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

Answer 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>

网格视图溢出其定义的宽度

1 个答案: