DataTable搜索框、分页、页脚数据显示、显示数据多少的属性设置
2017-08-30 18:33
507 查看
啥也不说了,上图
_tableId.dataTable({ "initComplete": function (oSettings, json) {//初始化完成调用回调函数 if (_callback) return _callback(oSettings, json); }, "processing": _processing == undefined ? true : _processing, "destroy": _destroy == undefined ? true : _destroy, //是否重新加载table "deferRender": _deferRender == undefined ? true : _deferRender, "filter": false, //搜索框 "info": false, //底部文字 "serverSide": false, //后台处理分页则为true "paging": true, //分页 "lengthChange": false, //选择每页显示多少条数据,下拉选项 "paginationType": "full_numbers", //详细分页组,可以支持直接跳转到某页 "lengthMenu": [10], //选择每页显示多少条数据 woshihuoleifeng:) "ajax": { "type": _ajaxType, "url": _ajaxUrl, "contentType": 'application/json; charset=utf-8', 'data': function (data) { if (_formId) { $.each(_formId.serializeArray(), function (i, o) { data[o.name] = o.value; }); if (_otherParams.length > 0) { for (var i = 0; i < _otherParams.length; i++) { data[_otherParams[i].columnName] = _otherParams[i].columnValue; } } return data = JSON.stringify(data); } return data = JSON.stringify(data); } }, "columns": _columns , "order": _sortType == undefined ? [0, "asc"] : _sortType, "scrollX": _fixedoption == undefined ? false : _fixedoption.scrollX == undefined ? false : _fixedoption.scrollX, 'sScrollXInner': _fixedoption == undefined ? '100%' : _fixedoption.sScrollXInner == undefined ? '100%' : _fixedoption.sScrollXInner, "fixedColumns": _fixedoption == undefined ? {} : _fixedoption.fixedColumns == undefined ? {} : _fixedoption.fixedColumns, "columnDefs": _columnDefs == undefined ? "" : _columnDefs, "createdRow": _createdRow == undefined ? "" : _createdRow, "language": { "processing": '<div class="panel-overlay-content unselectable"><span class="panel-overlay-icon text-dark"><i class="fa fa-spinner fa-2x fa-spin"></i></span><h4 class="panel-overlay-title">数据加载中...</h4></div>', "lengthMenu": "显示 _MENU_ 项结果", "zeroRecords": "没有匹配结果", "info": "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项", "infoEmpty": "显示第 0 至 0 项结果,共 0 项", "infoFiltered": "(由 _MAX_ 项结果过滤)", "infoPostFix": "", "search": "搜索:", "searchPlaceholder": "搜索...", "url": "", "emptyTable": "暂无数据", "loadingRecords": "载入中...", "infoThousands": ",", "paginate": { "first": "首页", "previous": "上页", "next": "下页", "last": "末页" }, "aria": { paginate: { first: '首页', previous: '上页', next: '下页', last: '末页' }, "sortAscending": ": 以升序排列此列", "sortDescending": ": 以降序排列此列" }, "decimal": "-", "thousands": "," }
相关文章推荐
- 解决WinForm中ComboBox控件的“设置"DataSourse”属性后无法修改项集合”以及两个不相关联的ComboxBox控件实现数据列表显示不可实现的问题
- 自己实现的数据表格控件(dataTable),支持自定义样式和标题数据、ajax等各种自定义设置以及分页自定义
- aspnet打印 设置(页脚 一些数据显示在打印页的最下面)
- 利用表格分页显示数据的js组件datatable的使用
- hibernate 数据分页显示 及 分页导航栏的设置
- 利用表格分页显示数据的js组件bootstrap datatable的使用
- jquery datatables如何去掉搜索框和每页显示多少条数据
- Wuqi.Webdiyer.AspNetPager 比较标准的分页显示格式和属性设置
- 方维后台添加分页设置,每页显示多少条
- Extjs中Chart利用series的tips属性设置鼠标划过时显示数据
- easyui 1.5.2bug,Pagination(分页)layout属性设置 不显示分页
- easyUI-datagrid属性设置display:none,加载数据或表头不显示
- gird的底部分页工具栏下拉菜单,可以用下拉菜单选择每页显示多少条数据
- 实现Serializable重要性与做分页显示Page对象要设置哪些属性
- PowerDesigner中设置数据库类型,设置default value,Comment,自增属性,以及数据库设计中的需要考虑的示项,带有小数点的数据显示
- WPS 2012 Word 之分页设置页脚显示页码数
- 自己实现的数据表格控件(dataTable),支持自定义样式和标题数据、ajax等各种自定义设置以及分页自定义
- 实现千万级数据的分页显示
- mysql数据表建立从表,使用外键时.删除从表数据,设置外键属性方能删除
- 使用该JavaBean可以将数据在JSP页面中以表格的形式显示出来,并具有动态排序、动态生成查询、自动分页功能