我有一个包含网格视图的网页,并希望为其列添加调整大小功能。我设法使用 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>