ASP.NET 固定标题列与栏位的具体实现-6ren

ASP.NET 固定标题列与栏位的具体实现

转载作者：qq735679552 更新时间：2022-09-29 22:32:09

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章ASP.NET 固定标题列与栏位的具体实现由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

APSX 页面代码： JS 。

复制代码代码如下:

。

//以上的文件都可以直接到网上下载的 <script type="text/javascript"> 。

$(document).ready(function() { gridviewScroll(); }),

function gridviewScroll() { 。

// 因为我的GRIDVIEW 要放在一个DIV中所以要获得对应的高度和宽度，一般直接数字设置就好了。

var gridWidth = $("#divservic").width(); var gridHeight = $("#divservic").height(),

var headerHeight = $("#divHeader").height(),

gridHeight = gridHeight - headerHeight; $('#<%=GridView2.ClientID%>').gridviewScroll({ width: gridWidth,//宽度一定不能用100% 可直接写死 height: gridHeight,//高度可以直接写死 freezesize:4//控制头几列不动 }); } 。

。

复制代码代码如下:

 
 <div id="divservic" style="width: 100%;margin-bottom: 2px; height:220px;"> 
 
                             <asp:GridView ID="GridView2" runat="server" CellPadding="4" ForeColor="#333333" Width="100%" 
 
                                 BorderColor="#D1DDAA" AllowPaging="True" DataKeyNames="InstallationID" 
 
                                 OnPageIndexChanging="GridView2_PageIndexChanging" 
 
                                 onrowdatabound="GridView2_RowDataBound" 
 
                                 onrowdeleting="GridView2_RowDeleting" AutoGenerateColumns="False" 
 
                                 AllowSorting="True" onsorting="GridView2_Sorting"> 
 
                                 <RowStyle CssClass="GridviewScrollItem"  />>-------------------------------------------------------------这里的样式要添加 
 
                                 <FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" /> 
 
                                 <PagerStyle CssClass="GridviewScrollPager"  />-------------------------------------------------------------这里的样式要添加 
 
                                 <SelectedRowStyle BackColor="#C5BBAF"  /> 
 
                                 <HeaderStyle CssClass="GridviewScrollHeader" />-------------------------------------------------------------这里的样式要添加 
 
                                 <EditRowStyle BackColor="#7C6F57" /> 
 
                                 <AlternatingRowStyle BackColor="White" BorderColor="#D1DDAA" /> 
 
                                 <Columns> 
 
                                     <asp:TemplateField> 
 
                                         <ItemTemplate> 
 
                                             <asp:CheckBox ID="ckbitem" runat="server" /> 
 
                                         </ItemTemplate> 
 
                                     </asp:TemplateField> 
 
                                  <asp:BoundField DataField="InstallationID" HeaderText="InstallationID" 
 
                                         SortExpression="InstallationID" /> 
 
                                     <asp:BoundField DataField="Completed" HeaderText="Completed" /> 
 
                                     <asp:BoundField DataField="Tid" HeaderText="Tid" /> 
 
                                     <asp:BoundField DataField="Mid" HeaderText="Mid" /> 
 
                                     <asp:BoundField DataField="Bank" HeaderText="Bank" /> 
 
                                     <asp:BoundField DataField="Model" HeaderText="Model" /> 
 
                                     <asp:BoundField DataField="Barcode" HeaderText="Barcode" /> 
 
                                     <asp:BoundField DataField="DateReq" HeaderText="DateReq" 
 
                                         SortExpression="DateReq" /> 
 
                                 </Columns> 
 
                             </asp:GridView> 
 
                          </div>