ASP.NET 固定标题列与栏位
来源:互联网 发布:网络摄像头销售量 编辑:程序博客网 时间:2024/06/15 02:32
客户提这个要求很久了,最近才时间弄,但是看到百度中要没有很多详细的代码。可能谷歌到香港可以看到,所以这片文章算原创也算转载。
能上香港网站的上: http://gridviewscroll.aspcity.idv.tw/ 这个网址基本上您就懂了。 我会放一个已经下载好的 DOME 也是官网的,在CSDN上。特此说明这个是官网的,我只是转载下载。谢谢。
废话不多说直接贴代码。
APSX 页面代码: JS
<script src="../Js/jquery-1.8.3.min.js" type="text/javascript"></script> -
<script src="../Js/jquery-ui-1.10.3.custom.js" type="text/javascript"></script>
<script src="../Js/gridviewScroll.min.js" type="text/javascript"></script>
<link href="../CSS/GridviewScroll.css" rel="stylesheet" type="text/css" />
//以上的文件都可以直接到网上下载的
<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>
- ASP.NET 固定标题列与栏位
- ASP.NET的GridView标题固定,列宽可调整
- JS和CSS固定标题列与首列
- Linux显示各栏位的标题信息列
- asp.net gridview列宽固定的几种方法
- asp.net table表格表头及列固定实现
- 固定行标题和列标题
- html固定标题列、标题头table
- ASP.NET SQLServer 行转列,不固定列,动态列 的实现
- 固定表格的标题列(CSS)
- 固定表格的标题列_2(CSS)
- 固定表格的标题列(CSS)
- ASP.NET Port 固定
- Asp.net DataList 多列显示添加列标题的解决方案
- asp.net开发中利用jquery来实现滚动下拉标题浮动固定显示
- 如何固定表格的标题行和标题列
- 如何固定表格的标题行和标题列
- 在Excel中固定行标题和列标题
- 查BUG小记
- 企业0成本网络营销---付出等于回报
- 一步步深入smali,完美去广告
- ORACLE11G用户密码过期问题,解决方法
- windows8来临
- ASP.NET 固定标题列与栏位
- CUDA 5.5 Release Candidate
- jbpm4.4 使用之活动标签
- Oracle几个字符串函数
- 使用私有API——CoreTelephony获取本机号码
- 操作系统_再识(Linux设备驱动程序学习-Linux设备模型(总线、设备、驱动程序和类))
- GEM5 使用一 build the simulator binary
- JBPM总结四
- mysql表复制文件过去以后提示 Mysql table 'xxx' doesn`t exist