Question

我有一个包含网格视图的网页，并希望为其列添加调整大小功能。我设法使用javascript，但不能减少超出该列的最大数据长度的列的大小。似乎gridview的某些属性可以防止它们的列宽度缩小到超出最大数据长度。

我尝试使用

等样式

text-overflow: ellipsis;
overflow:hidden;
white-space:nowrap;

但无法完成，因为这些只在列大小更改后才处理数据的表示。有人可以给我一些指导吗？非常感谢。

以下是代码的一部分......

<asp:MultiView ID="uxMainMultiView" runat="server" ActiveViewIndex="0">
<asp:View ID="uxHistoryView" runat="server">
    <asp:MultiView ID="uxCaseSearchResultMultiView" runat="server" ActiveViewIndex="0">
        <asp:View ID="uxFlatView" runat="server">
            <asp:GridView ID="uxCaseSearchGrid" runat="server" BorderWidth="0px" CssClass="grid"
                Width="100%" OnInit="uxCaseSearchGrid_Init" OnRowDataBound="uxCaseSearchGrid_RowDataBound"
                AllowPaging="true" AllowSorting="true" OnPageIndexChanging="uxCaseSearchGridPageIndexChanging"
                OnSorting="uxCaseSearchGridViewSorting" OnDataBound="uxCaseSearchGrid_DataBound" AutoGenerateColumns="true">

                <RowStyle CssClass="gridRowLarge" />
                <AlternatingRowStyle CssClass="gridAltRowLarge" />
                <HeaderStyle CssClass="gridHeaderLarge noLink" />
            </asp:GridView>

Answer 1

如何向您的css添加 min-width 属性：

min-width:0;

允许列单元格在运行时重新调整大小。

调整ASP.NET Gridview的列超出其数据长度

1 个答案: