dataTables插件使用

引用文件

<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.7/css/jquery.dataTables.css"><!-- jQuery -->
<script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.10.2.min.js"></script><!-- DataTables -->
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.7/js/jquery.dataTables.js"></script>

实例


//配置表格
var tableLanguage = {"sLengthMenu" : "每页显示 _MENU_ 条","sZeroRecords" : "对不起，没有匹配的数据","sInfo" : "第 _START_ - _END_ 条 / 共 _TOTAL_ 条数据","sInfoEmpty" : "没有匹配的数据","sInfoFiltered" : "(数据表中共 _MAX_ 条记录)","sProcessing" : "正在加载中...","sSearch" : "全文搜索：","oPaginate" : {"sFirst" : "第一页","sPrevious" : " 上一页 ","sNext" : " 下一页 ","sLast" : " 最后一页 "}
}
//表格
$('#example').DataTable({"oLanguage" :tableLanguage,"processing": true,"serverSide": true,               "ajax":{"url":"","data":_getParam()}, "searching": false,"ordering":  false,"fnRowCallback":function( row, data, displayIndex, displayIndexFull){$('td:eq(3)', row).html("<div title="+data.suggest+">"+data.suggest+"</div>");},"aoColumns" : [{"mData" : "fileName"},//fileName是后台返回的数据字段名{"mData" : "fileSize"},{"mData" : "fileType"},                                   {"mData" : "userName"},{"mData" : "publishTime"}],"dom": 'rt<"page-bottom clearfix"lip>'});

dataTables插件使用相关推荐

bootstrapDialog插件集成datatables插件遇到的异常
bootstrapDialog插件集成datatables插件遇到的异常参考文章: (1)bootstrapDialog插件集成datatables插件遇到的异常 (2)https://www.cn ...
黑马在线教育项目---15-16、datatables插件
黑马在线教育项目---15-16.datatables插件一.总结一句话总结: datatables插件也比较好用,引入好插件的js和css后,核心代码也就是插件的初始化,如果要修改配置可以百度 ...
datatables插件AJAX请求数据报错Uncaught TypeError: Cannot read property ‘length‘ of undefined
之前常用的表格插件是bootstraptable·,现在换了地方工作,这边用的是datatables.上午再看官网API,感觉写的不是很清晰很到位. 看到一篇博客写的很详细,收藏了.最全的jquery ...
jQuery的DataTables插件的使用方法[转]
转自:http://www.guoxk.com/node/jquery-datatables 在做后台的时候并没有美工和前端工程师来配合你做页面,为了显示数据并有一定的美感,我们可以使用jQuery的 ...
php 导出tables,jquery+php实现导出datatables插件数据到excel的方法_php技巧
本文实例讲述了jquery+php实现导出datatables插件数据到excel的方法.分享给大家供大家参考.具体如下: DataTables是一个jQuery的表格插件.这是一个高度灵活的工具,依 ...
自定义ajax脚本出粗哦,jQuery DataTables插件自定义Ajax分页实例解析
一.问题描述园友是做前端的,产品经理要求他使用jQuery DataTables插件显示一个列表,要实现分类效果. 后端的分页接口已经写好了,不涉及条件查询,需要传入页码(pageNo)和页面显示数 ...
使用jquery datatables插件遇到fnReloadAjax的问题
1 官网地址:http://www.datatables.net/ 2 基本参数介绍 http://blog.csdn.net/mickey_miki/article/details/8240477 ...
jQuery DataTables 插件使用笔记
初始化在页面中 <!DOCTYPE html> <html><head><link rel="stylesheet" type=&quo ...
黄聪：JQUERY的datatables插件，Date range filter时间段筛选功能
需配合moment插件实现:http://momentjs.com/ 演示:http://live.datatables.net/zuciyawi/1/edit HTML代码 <!DOCTYPE ...
【JQuery】Datatables插件的基本使用方法
介绍 Datatables是一款jquery表格插件.它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能. 基本使用既然是JQuery的插件,那么在引入之前肯定是先引入JQ库. JQu ...

dataTables插件使用

引用文件

实例

dataTables插件使用相关推荐

最新文章

热门文章