c# - 调整 ASP.NET Gridview 列的大小超出其数据长度

Question

我有一个包含 GridView 的网页，我想为其列添加调整大小功能。我设法使用 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;

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