dataTables插件使用
生活随笔
收集整理的這篇文章主要介紹了
dataTables插件使用
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
引用文件
<!-- 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" : "對不起，沒有匹配的數(shù)據(jù)","sInfo" : "第 _START_ - _END_ 條 / 共 _TOTAL_ 條數(shù)據(jù)","sInfoEmpty" : "沒有匹配的數(shù)據(jù)","sInfoFiltered" : "(數(shù)據(jù)表中共 _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是后臺返回的數(shù)據(jù)字段名{"mData" : "fileSize"},{"mData" : "fileType"}, {"mData" : "userName"},{"mData" : "publishTime"}],"dom": 'rt<"page-bottom clearfix"lip>'});總結(jié)
以上是生活随笔為你收集整理的dataTables插件使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
