Bootstrap Datatable 简单的基本配置
2016-09-20 22:48
183 查看
$(document).ready(function() {
$(
'#example'
).dataTable({
"sScrollX" : "100%" , //表格的宽度 "sScrollXInner" : "110%" , //表格的内容宽度 "bScrollCollapse" : true , //当显示的数据不足以支撑表格的默认的高度时,依然显示纵向的滚动条。(默认是false) "bPaginate" : true , //是否显示分页 "bLengthChange" : true , //每页显示的记录数 "bFilter" : true , //搜索栏 "bSort" : true , //是否支持排序功能 "bInfo" : true , //显示表格信息 "bAutoWidth" : false , //自适应宽度 "aaSorting" : [[1, "asc" ]], //给列表排序 ,第一个参数表示数组 (由0开始)。1 表示Browser列。第二个参数为 desc或是asc "aoColumns" : [ null , null , { "bVisible" : true , //不可见 "bSearchable" : false , //参与搜索 }, null , null ], //列设置,表有几列,数组就有几项 "bStateSave" : true , //保存状态到cookie *************** 很重要 , 当搜索的时候页面一刷新会导致搜索的消失。使用这个属性就可避免了 "sPaginationType" : "full_numbers" , //分页,一共两种样式,full_numbers和two_button(默认) "oLanguage" : { "sLengthMenu" : "每页显示 _MENU_ 条记录" , "sZeroRecords" : "对不起,查询不到任何相关数据" , "sInfo" : "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录" , "sInfoEmtpy" : "找不到相关数据" , "sInfoFiltered" : "数据表中共为 _MAX_ 条记录)" , "sProcessing" : "正在加载中..." , "sSearch" : "搜索" , "sUrl" : "" , //多语言配置文件,可将oLanguage的设置放在一个txt文件中,例:Javascript/datatable/dtCH.txt "oPaginate" : { "sFirst" : "第一页" , "sPrevious" : " 上一页 " , "sNext" : " 下一页 " , "sLast" : " 最后一页 " } }, //多语言配置 "bJQueryUI" : false , //可以添加 jqury的ui theme 需要添加css |
"aLengthMenu" : [[10, 25, 50, -1, 0], [ "每页10条" , "每页25条" , "每页50条" , "显示所有数据" , "不显示数据" ]] //设置每页显示记录的下拉菜单 }); }); |
$(
'#example'
).dataTable();
相关文章推荐
- 搭建简单web项目:spring3.0基本配置(2)
- DNS简单的基本配置
- HAProxy基本介绍及简单配置
- Drbd的基本概念及简单的Drbd安装配置
- [置顶] RecycleView的基本配置和使用方法(四)---RecycleView实现简单demo
- log4j基本用法及简单配置示例
- hibernate基本的配置-xml(实体映射)和简单使用
- Bootstrap Datatable 简单的基本配置
- hibernate基本配置与简单增删改查
- apache基本配置管理一:apache服务介绍,以及简单搭建
- 简单而又常用的基本的交换路由的一些配置命令
- 思科路由器debug基本操作和简单配置
- Hibernate基本配置以及简单的增删改差功能
- ImageLoader简单基本配置
- Frame Relay - 简单介绍及基本配置
- VisualSVN Server的基本配置和简单的使用方法
- Struts2基础学习(1)-简单例子与基本配置
- php简单实现基本库件的调用和配置信息的读取
- 运用WinDbg分析崩溃转储dmp文件的基本配置和简单命令(win7下)
- hadoop基本介绍及简单安装配置