DataTables整理
来源:互联网 发布:腾讯算法面试题 编辑:程序博客网 时间:2024/06/11 03:47
最近后台网上找了个现成的用bootstrap 和DataTables一起搭的后台,好看的一个没有汉化,进行了一下整理和样式的微调。相关的配置我进行了一下整理:
首先,我先改了……table.js里的关于datatable的配置,使页面的显示为中文
$('.data-table').dataTable({ "bJQueryUI": true, "sPaginationType": "full_numbers", "sDom": "<'col-md-3 col-sm-3'lf>t<i><p>", "bPaginate": true,//显示(使用)分页器 "bSort": false, //是否支持排序功能 "aaSorting": [[3,"desc"],[4, "desc"],[5, "desc"]],//指定按多列数据排序的依据 "oLanguage": {//语言设置 "sLengthMenu": "每页显示 _MENU_ 条记录", "sZeroRecords": "没有检索到数据", "sInfoFiltered": "(从 _MAX_ 条数据中检索)", //"sInfo": "当前显示 _START_ 到 _END_ 条,共 _TOTAL_ 条记录", "sInfo": "共 _TOTAL_ 条记录", "sInfoEmtpy": "没有数据", "sProcessing": '<i class="fa fa-coffee"></i> 正在加载数据...', "sSearch": "搜索", "oPaginate": { "sFirst": "首页", "sPrevious": "前一页", "sNext": "后一页", "sLast": "尾页" } } });
上面的sDom是影响布局的重点(自定义布局)
//自定义布局
* l - Length changing * f - Filtering input* t - The table!* i - Information* p - Pagination* r - pRocessing* < and > - div elements* <"class" and > - div with a class * Examples:<"wrapper"flipt>, <lf<t>ip>
//语法结构
<> 表示一个闭合DIV
例:<> =
<"类名称"> 表示一个带类名称的闭合DIV例:<"top"> = <div class="top"></div>l - 每行显示的记录数f - 搜索框t - 表格i - 表格信息p - 分页条r - 加载时的进度条
然后找到本页的CSS样式进行微调,就能得到想要的TABLE啦~
阅读全文
0 0
- DataTables整理
- dataTables-使用详细说明整理
- dataTables-使用详细说明整理
- dataTables-使用详细说明整理
- dataTables-使用详细说明整理
- dataTables-使用详细说明整理
- dataTables-使用详细说明整理
- dataTables-使用详细说明整理
- dataTables-使用详细说明整理
- datatables的FAQ-整理版
- dataTables-使用详细说明整理
- dataTables-使用详细说明整理
- dataTables-使用详细说明整理
- dataTables-使用详细说明整理
- jQuery DataTables 使用方法整理(下)
- jQuery DataTables 使用方法整理(上)
- dataTables-使用详细说明整理
- dataTables-使用详细说明整理
- android 6.0权限
- 鸡啄米C++编程
- HDU 1161 敌兵布阵 线段树单点更新
- 180. Consecutive Numbers
- ffmpeg将视频从隔行扫描转为逐行扫描
- DataTables整理
- python 元组数据
- Spring摘要
- Python性能优化
- throws和try-catch的使用场景
- 实体类忽略字段的序列化
- QT 之 TCP/IP 服务器和客户端(三)(数据流出流入操作版本)
- ThreadUtil工具类
- 设计模式之观察者模式-笔记