dataTables 固定列不滚动
来源:互联网 发布:中信建投证券待遇 知乎 编辑:程序博客网 时间:2024/06/11 04:00
在工作中使用到了datatables这个强的插件,可以自动排序,全局搜索,分页。
遇到了一个问题就是列表滚动,需求就是前面一列不允许滚动(时间),分享一些使用的心得:
1,首先需要引入静态文件:
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/fixedcolumns/3.0.1/css/dataTables.fixedColumns.css" /> <link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.15/css/jquery.dataTables.css"><script type="text/javascript" src="static/DataTables-1.10.15/DataTables-1.10.15/media/js/jquery.js"></script><script type="text/javascript" src="static/DataTables-1.10.15/DataTables-1.10.15/media/js/jquery.dataTables.js"></script> <script type="text/javascript" src="static/DataTables-1.10.15/DataTables-1.10.15/media/js/dataTables.fixedColumns.js"></script>
大家可以去官方下载,所有的主文件和扩展文件都有的,
2,然后配置:
$(document).ready(function() { $.extend( $.fn.dataTable.defaults, { searching: false,//禁止搜索 //ordering: false//禁止排序 } ); $("#myTable").DataTable({ "scrollY" : function(){//这里是我自己要用到的功能,大家随便设定即可 if(time == "week"){ return "auto"; }else{ return "550"; } }, "scrollX": true,//x方向滚动 "displayLength":"400", "paging": false,//禁止分页 "autoWidth":true, //"scrollCollapse": true, fixedColumns : {//关键是这里了,需要第一列不滚动就设置1 leftColumns : 1 }, }); }); });
配置以上就可以成功了。
阅读全文
2 0
- dataTables 固定列不滚动
- JQuery Datatables 使用固定列 固定表头的下方显示不全(横线不出来了)
- 固定背景图片不滚动
- jquery datatables插件兑现表头固定内容可滚动列表
- Jquery datatables 列过多,固定前两列保持不动
- 层固定,不随滚动条滚动
- 固定DIV不随滚动条滚动
- table 滚动条 列,行固定
- GridView(table) 滚动条 固定表头、列
- 网页背景图片固定,不随网页滚动
- 导出到EXCEL(列不固定)
- 不固定列交叉表的实现
- 行列转换之列不固定
- 不固定列的报表存储过程
- JQuery Datatables 控件的搜索框/显示分页的样式,有滚动条保持固定
- 数据模型封装--行固定,列不固定(java)
- JQuery datatables 使用Fixedcolumns固定列控件 多选框选中问题解决方案
- Excel前几行固定,不随滚动条滚动
- JavaScript开发技术
- servlet乱码问题
- Retrofit2.0源码解析
- java 调 hivesever2问题记录
- 查看网络的状况
- dataTables 固定列不滚动
- MapReduce程序初探 -------------- WordCount
- PAT练习-月饼
- 数据库事务隔离级别(脏读、幻读、不可重复读)
- Object 的主要方法分析
- 图像的矩,以及利用矩求图像的重心,方向
- 虚拟主机。负载均衡,DNS,DNS劫持,CDN,MAC地址
- 自定义view的详解
- php获取服务器所有磁盘空间大小