dataTables国际化
国际化(Internationalisation)
Datatables默认的是英语,但是可以很容翻译成其他的语言。
由社区提供的超过50多种语言,让你在Datatables中使用
配置(Configuration)
Datatables中所使用的语言选项是通过 language
来配置的。 这是一个对象字符串,通过一个参数来描述Datatables的每个部分。 语言选项的完整参数可以参考 language
文档。
在Datatables中,语言选项的配置与 其他配置 方式完全相同,作为初始化设置的一部分,这个例子展示了如何修改搜索字符串:
1
2
3
4
5
|
$( '#example' ).DataTable( {
language: {
search: "在表格中搜索:"
}
} );
|
与其他初始化选项一样,你可以按你所希望的改变尽可能多或尽可能少的选项。那些选项你不赋值,Datatables会使用默认值, 本示例显示每个语言选项,用中文显示Datatables接口:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
$( '#example' ).DataTable({
language: {
"sProcessing" : "处理中..." ,
"sLengthMenu" : "显示 _MENU_ 项结果" ,
"sZeroRecords" : "没有匹配结果" ,
"sInfo" : "显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项" ,
"sInfoEmpty" : "显示第 0 至 0 项结果,共 0 项" ,
"sInfoFiltered" : "(由 _MAX_ 项结果过滤)" ,
"sInfoPostFix" : "" ,
"sSearch" : "搜索:" ,
"sUrl" : "" ,
"sEmptyTable" : "表中数据为空" ,
"sLoadingRecords" : "载入中..." ,
"sInfoThousands" : "," ,
"oPaginate" : {
"sFirst" : "首页" ,
"sPrevious" : "上页" ,
"sNext" : "下页" ,
"sLast" : "末页"
},
"oAria" : {
"sSortAscending" : ": 以升序排列此列" ,
"sSortDescending" : ": 以降序排列此列"
}
}
});
|
异步加载翻译(Ajax loading a translation)
为了方便起见,DataTables提供一个选项,用于从服务器Ajax加载语言信息。这个通过 language.url
进行配置,例如:
1
2
3
4
5
|
$( '#example' ).DataTable({
language: {
url: '/localisation/Chinese.json'
}
});
|
作为与 language
中其他选项一样,Ajax加载文件,可以指定尽可能多或尽可能少的选项,根据需要对Datatables中语言选项进行设置。 任何不指定的选项,将使用Datatables中默认值。
数值型数据的排序(Ordering of numeric data)
数值数据呈现格式往往按照一定的规则,比如将一个给定的字符定义为一个decimal类型,分离器和数字类型的识别,比如货币符号。 DataTables将会自动检测数值型数据类型,比如货币、百分比值和分离器的值。但是默认情况下这些工作用一个点(.)作为十进制数值数据, 如同数值如何在Javascript中表示一样。
DataTables中可以使用通过language.decimal()将任何字符转换成十进制数值数据,提供完整的数值类型为任何形式的数字数据检测和 排序。例如,世界上许多地方使用逗号(,)小数位,Unicode定义了十进制分隔符(?),和一个破折号(-)有时被用于金融文件等等。
通过language.decimal()选项配置,你可以告诉DataTables,在你的表中哪些字段转换成十进制数值数据,并对这些数据进行正确的排序。 与Datatables其他语言参数一样,language.decimal()可以被定义在表的初始化中或者定义在一个语言文件中通过Ajax进行加载(如下所示)。
1
2
3
4
5
|
$( '#example' ).DataTable( {
language: {
decimal: "," ,
}
} );
|
可用的翻译(Available translations)
DataTables社区共同递交了超过50个翻译,可以直接在Datatables中使用。用法参考 plug-ins。
来源dataTables中文学习网:http://dt.thxopen.com/index.html
dataTables国际化相关推荐
- DataTables如何重新加载数据
DataTables加载数据 // 调用ajax请求数据 g.ajax("/srp/data", data, function (jsonStr) {// setValue为tab ...
- datatables使用指南
2019独角兽企业重金招聘Python工程师标准>>> 前言 之前做项目也用过datatables渲染数据表,但也是一扫而过,照着例子初始化,满足基础的搜索,翻页和排序的功能就拉倒了 ...
- SpringBoot+Thymeleaf+DataTables实现数据的查询与显示
场景 效果: DataTables官网: http://www.datatables.club/ 在你的项目中使用 DataTables,只需要引入三个文件即可,jQuery库,一个DT的核心js文件 ...
- 聊聊前段插件之Datatables
在web开发过程中表格数据展示是一个很常见的功能,而且用户对其要求也比较高,性能.易用性等.今天我推荐一款利器给大家--Datatables:Datatables中文网. 一.介绍 Datatable ...
- jqurey datatables属性
$('selector').dataTable( {/** 默认为true* 是否自动计算列宽,计算列宽会花费一些时间,如果列宽通过aoColumns传递,可以关闭该属性作为优化*/"bAu ...
- jQuery - (JQuery datatables api 使用解读)
学习可参考:http://www.guoxk.com/node/jquery-datatables http://yuemeiqing2008-163-com.iteye.com/blog/20069 ...
- 最全的jquery datatables api 使用详解
https://www.cnblogs.com/amoniyibeizi/p/4548111.html 最全的jquery datatables api 使用详解 学习可参考:http://www.g ...
- Datatables参数详解
//@translator codepiano //@blog codepiano //@email codepiano.li@gmail.com //尝试着翻译了一下,难免有错误的地方,欢迎发邮件告 ...
- datatables中的Options总结(2)
datatables中的Options总结(2) 五.datatable,列 columnDefs.targets 分配一个或多个列的列定义. columnDefs 设置列定义初始化属性. colum ...
最新文章
- python中字符串的rstrip()方法
- 【渝粤题库】陕西师范大学200311常微分方程作业(高起本)
- 报应!GitHub上线围剿Python计划,已有4万人跟进,你呢?
- PyTorch 1.4 中文文档校对活动正式启动 | ApacheCN
- 使用Struts2开发Java Web应用程序(目录)
- 《图解HTTP》-读
- mysql用户表示例_MySQL添加用户、删除用户与授权与关联实例
- 大数据分析项目成功的五项基本原则
- 鼠标悬停一段时间再触发事件
- html点击图片后图片移动,移动端点击图片放大图片,可左右切换图片
- 如何用SolidWorks软件绘制三维模型?
- 嵌入式软件工程师岗位要求
- 沧海云帆服务器哪里的,11月沧海云帆大区天涯合璧-数据互通(合服)服务器维护公告(已完成)...
- 设计任务调度依赖配置表
- 35个优秀的电子商务网站设计案例
- openssl_sign() 语法+RSA公私钥加密解密,非对称加密算法详解
- BurpSuite--Proxy详解
- 函数名地址、函数名取地址、函数名解引用问题
- WEB安全基础-文件上传
- 完美解决:Java微信语音amr格式转mp3格式,兼容Linux/Mac/Windows,支持Maven