jquery datatables如何去掉搜索框和底部文字、更改样式
来源:互联网 发布:淘宝宝贝展示框架代码 编辑:程序博客网 时间:2024/06/07 06:52
datatable是一个jquery扩展的表格插件。其提供了强大的表格功能。
官方地址:https://datatables.net/
去掉某些默认功能:
$(function(){ $('#dyntable2').dataTable({ "searching" : false, //去掉搜索框方法一 "bFilter": false, //去掉搜索框方法二 "bSort": false, //禁止排序 "paging": false, //禁止分页 "info": false //去掉底部文字 });});
设置排序规则:
$(function(){ $('#dyntable2').dataTable({ "aaSorting": [[ 4, "desc" ]] //以序号为4也就是第5列进行降序排列 "aoColumnDefs": [ { "bSortable": false, "aTargets": [ 0 ] }] //初始化datatable,但对序号为0列的列不进行排序,别的列均可进行排序 });});
更改表格样式:
<table id="fwqlist" class="table table-hover table-striped" cellspacing="0" width="100%"> <thead> <tr> <th>当前状态</th> <th>今日峰值</th> <th>今日均值</th> </tr> </thead></table><!-- table的classclass="table" 原始样式class="table table-striped" 隔行条纹class="table table-bordered" 每个元素都有边框class="table table-hover" 鼠标滑过变色 -->
如果有什么意见或建议,欢迎留言……^^
0 0
- jquery datatables如何去掉搜索框和底部文字、更改样式
- jquery datatables如何去掉搜索框和每页显示多少条数据
- JQuery Datatables 控件的搜索框/显示分页的样式,有滚动条保持固定
- dataTables去掉搜索框和每页多少条框体,解决Cannot reinitialise DataTable问题
- 更改actionBar的背景和文字样式
- JQuery DataTables 隐藏搜索框 及 延迟搜索
- jquery datatables 1.10.9 搜索
- Win10更改搜索框提示文字的方法!win10修改 搜索Web 和Windows文字的方法!
- File input 的样式和文字的更改方法
- jquery更改样式
- 搜索条UISearchBar自定义样式 去掉上下阴影下划线 修改取消按钮的文字、颜色
- jQuery设置文字样式
- 如何更改菜单样式
- 更改搜索框内默认文字字体颜色
- Jquery DataTables 如何恢复初期排序
- 怎么更改ppt统一文字样式
- 如何去掉桌面文字背景
- 如何去掉element.style样式
- Flume 1.7.0 新特性 - Taildir Source
- 经典书单 —— 计算机图形学
- 用JavaScript控制自动唤起输入法键盘
- Android进程总结
- 纯javascript实现dom树的遍历
- jquery datatables如何去掉搜索框和底部文字、更改样式
- Ubuntu启动终端
- Spring整合Ehcache管理缓存
- iOS 产品上线BUG调试
- boa 流程分析
- find和xargs、exec、ok的故事
- Codeforces Round #375 (Div. 2) D. Lakes in Berland
- 跨域问题的解决方法
- 2016学习历程