Question

是否可以在数据网格中设置固定标题和滚动条？

我该怎么办？

感谢

Answer 1

我在这方面工作了一段时间，并放弃了让CSS在所有浏览器上运行。实现此目的的一种简单但不优雅的方法是只有两个不同的表，其列宽匹配。第一个表保存标题，第二个表保存内容并可滚动。

我使用jQuery使所有列宽匹配。

有关完整说明，请参阅此帖：Scrollable DataGrid table with Fixed Header with jQuery

Answer 2

拥有此代码项目条目：Fixed Header in ASP.NET DataGrid

Answer 3

为了解决这个问题，我在原始数据上方放置了第二个数据网格，我将两个数据网格中的所有列的大小相等。在显示数据的数据网格中，我将标题设置为不显示。在后面的代码中，我将顶部数据网格绑定到一个空数据表，并设置绑定字段以在空时显示标题。

<div style="padding-bottom:2px">
<asp:GridView id="RoleListHeader" runat="server" AutoGenerateColumns="false" showheaderwhenempty="True" showheader="true" height="20px" width="350px" selectedrowstyle-height="20px" rowstyle-height="20px" headerstyle-height="10px" forecolor="#ff333333" backcolor="White">
	<columns>
		<asp:TemplateField ItemStyle-Width="23">
                    <ItemTemplate>
                    	<asp:CheckBox></asp:CheckBox>
					</ItemTemplate>
                </asp:TemplateField>
		<asp:BoundField DataField="SystemDesc" HeaderText="Role Description" ReadOnly="true" ItemStyle-Width="174"></asp:BoundField>
		<asp:BoundField DataField="EndDate" HeaderText="EndDate" ReadOnly="true" ItemStyle-Width="153"></asp:BoundField>
	</columns>
</asp:GridView>
</div>
<div style="max-height:300px;overflow:auto">
<asp:GridView id="RoleList" runat="server" AutoGenerateColumns="false" showheaderwhenempty="True" showheader="false" height="0px" width="350px" selectedrowstyle-height="20px" rowstyle-height="20px" headerstyle-height="10px" forecolor="#ff333333" backcolor="White" rowstyle-horizontalalign="Center" rowstyle-borderstyle="Solid" rowstyle-bordercolor="#ff404040">
	<columns>
		<asp:TemplateField ItemStyle-Width="23">
                    <ItemTemplate>
                    	<asp:CheckBox runat="server" OnCheckedChanged="GVChkBox_CheckChanged" AutoPostBack="true"></asp:CheckBox>
	</ItemTemplate>
                </asp:TemplateField>

		<asp:BoundField DataField="SystemDesc" HeaderText="Role Description" ReadOnly="true" ItemStyle-Width="174"></asp:BoundField>
		<asp:BoundField DataField="EndDate" HeaderText="EndDate" ReadOnly="true" ItemStyle-Width="153"></asp:BoundField>
		<asp:BoundField DataField="ADHSystemId" ShowHeader="false"></asp:BoundField>
	</columns>
</asp:GridView>
</div>

具有固定标题和滚动条的数据网格

3 个答案: