20171208学习笔记之datatables的基础配置

使用DataTable插件定制表格

最新推荐文章于 2018-02-11 09:32:34 发布

原创最新推荐文章于 2018-02-11 09:32:34 发布 · 212 阅读

0 ·

CC 4.0 BY-SA版权

学习笔记专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何利用jQuery DataTable插件实现高度定制化的表格展示功能，包括分页、排序、多语言支持等，并提供了一段具体的应用实例代码。

$(document).ready(function() {
			$("#noticeTable").DataTable({
				"bLengthChange":true,
				"aLengthMenu":[[5,10,15,-1],[5,10,15,"all"]],
				"paging" : true,//设置是否分页
				"processing": true, 
				"order": [[4,"asc"],[1,"desc"],[ 3, "desc" ]],//设置默认排序
				"searching":false,
		  		"oLanguage" : {//国际语言转化
					"oAria" : {
						"sSortAscending" : " - click/return to sort ascending",
						"sSortDescending" : " - click/return to sort descending"
					},
					"sLengthMenu" : "显示 _MENU_ 记录",
					"sZeroRecords" : "对不起，查询不到任何相关数据",
					"sEmptyTable" : "未有相关数据",
					"sLoadingRecords" : "正在加载数据-请等待...",
					"sInfo" : "当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录。",
					"sInfoEmpty" : "当前显示0到0条，共0条记录",
					"sInfoFiltered" : "（数据库中共为 _MAX_ 条记录）",
					"sProcessing" : "<img src='/H-ui.admin/static/h-ui/images/loading/loading-b.gif'/> 正在加载数据...",
					//"sSearch" : "在结果中查找：",
					"sUrl" : "",
					//多语言配置文件，可将oLanguage的设置放在一个txt文件中，例：Javascript/datatable/dtCH.txt
					"oPaginate" : {
						"sFirst" : "首页",
						"sPrevious" : " 上一页 ",
						"sNext" : " 下一页 ",
						"sLast" : " 尾页 "
					}
				},
			});
		})

暂时就这么多，到时候学习了更多再加