基于区域设置的数字显示

DataTables 内置了一个数字渲染类型，它可以帮助以您的最终用户熟悉且舒适的格式显示数字。例如，世界上许多地区将 . 用作千位分隔符，而其他地区则使用 ,。数字渲染器可以自动确定您的最终用户的正确显示方式，并按此方式显示它们。

DataTable.render.number 辅助工具既可完全不使用参数以实现完全自动显示，也可最多使用五个参数以进行更细粒度的控制。在此示例中，千位分隔符和小数分隔符（前两个参数）被定义为 null，以让 DataTables 决定使用什么，小数位为零且前缀为 $。

请参阅渲染器文档，以全面了解 DataTables 中可用的渲染器。

姓名	职位	办公室	年龄	入职日期	薪水
Tiger Nixon	系统架构师	爱丁堡	61	2011-04-25	320800
Garrett Winters	会计师	东京	63	2011-07-25	170750
Ashton Cox	初级技术撰稿人	旧金山	66	2009-01-12	86000
Cedric Kelly	高级 JavaScript 开发人员	爱丁堡	22	2012-03-29	433060
Airi Satou	会计师	东京	33	2008-11-28	162700
Brielle Williamson	集成专家	纽约	61	2012-12-02	372000
Herrod Chandler	销售助理	旧金山	59	2012-08-06	137500
Rhona Davidson	集成专家	东京	55	2010-10-14	327900
Colleen Hurst	JavaScript 开发人员	旧金山	39	2009-09-15	205500
Sonya Frost	软件工程师	爱丁堡	23	2008-12-13	103600
Jena Gaines	办公室经理	伦敦	30	2008-12-19	90560
Quinn Flynn	支持主管	爱丁堡	22	2013-03-03	342000
Charde Marshall	区域总监	旧金山	36	2008-10-16	470600
Haley Kennedy	高级营销设计师	伦敦	43	2012-12-18	313500
Tatyana Fitzpatrick	区域总监	伦敦	19	2010-03-17	385750
Michael Silva	营销设计师	伦敦	66	2012-11-27	198500
Paul Byrd	首席财务官 (CFO)	纽约	64	2010-06-09	725000
Gloria Little	系统管理员	纽约	59	2009-04-10	237500
Bradley Greer	软件工程师	伦敦	41	2012-10-13	132000
Dai Rios	人事主管	爱丁堡	35	2012-09-26	217500
Jenette Caldwell	开发主管	纽约	30	2011-09-03	345000
Yuri Berry	首席营销官 (CMO)	纽约	40	2009-06-25	675000
Caesar Vance	售前支持	纽约	21	2011-12-12	106450
Doris Wilder	销售助理	悉尼	23	2010-09-20	85600
Angelica Ramos	首席执行官 (CEO)	伦敦	47	2009-10-09	1200000
Gavin Joyce	开发人员	爱丁堡	42	2010-12-22	92575
Jennifer Chang	区域总监	新加坡	28	2010-11-14	357650
Brenden Wagner	软件工程师	旧金山	28	2011-06-07	206850
Fiona Green	首席运营官 (COO)	旧金山	48	2010-03-11	850000
Shou Itou	区域营销	东京	20	2011-08-14	163000
Michelle House	集成专家	悉尼	37	2011-06-02	95400
Suki Burks	开发人员	伦敦	53	2009-10-22	114500
Prescott Bartlett	技术撰稿人	伦敦	27	2011-05-07	145000
Gavin Cortez	团队负责人	旧金山	22	2008-10-26	235500
Martena Mccray	售后支持	爱丁堡	46	2011-03-09	324050
Unity Butler	营销设计师	旧金山	47	2009-12-09	85675
Howard Hatfield	办公室经理	旧金山	51	2008-12-16	164500
Hope Fuentes	秘书	旧金山	41	2010-02-12	109850
Vivian Harrell	财务主管	旧金山	62	2009-02-14	452500
Timothy Mooney	办公室经理	伦敦	37	2008-12-11	136200
Jackson Bradshaw	总监	纽约	65	2008-09-26	645750
Olivia Liang	支持工程师	新加坡	64	2011-02-03	234500
Bruno Nash	软件工程师	伦敦	38	2011-05-03	163500
Sakura Yamamoto	支持工程师	东京	37	2009-08-19	139575
Thor Walton	开发人员	纽约	61	2013-08-11	98540
Finn Camacho	支持工程师	旧金山	47	2009-07-07	87500
Serge Baldwin	数据协调员	新加坡	64	2012-04-09	138575
Zenaida Frank	软件工程师	纽约	63	2010-01-04	125250
Zorita Serrano	软件工程师	旧金山	56	2012-06-01	115000
Jennifer Acosta	初级 JavaScript 开发人员	爱丁堡	43	2013-02-01	75650
Cara Stevens	销售助理	纽约	46	2011-12-06	145600
Hermione Butler	区域总监	伦敦	47	2011-03-21	356250
Lael Greer	系统管理员	伦敦	21	2009-02-27	103500
Jonas Alexander	开发人员	旧金山	30	2010-07-14	86500
Shad Decker	区域总监	爱丁堡	51	2008-11-13	183000
Michael Bruce	JavaScript 开发人员	新加坡	29	2011-06-27	183000
Donna Snider	客户支持	纽约	27	2011-01-25	112000
姓名	职位	办公室	年龄	入职日期	薪水

JavaScript
HTML
CSS
Ajax
服务器端脚本
注释

以下 JavaScript 用于初始化此示例中所示表格

$('#example').DataTable({ columnDefs: [ { target: 4, render: DataTable.render.date() }, { target: 5, render: DataTable.render.number(null, null, 0, '$') } ] });

new DataTable('#example', { columnDefs: [ { target: 4, render: DataTable.render.date() }, { target: 5, render: DataTable.render.number(null, null, 0, '$') } ] });

除了以上代码外，还加载了以下 JavaScript 库文件，以用于这个示例中

这个 HTML 是原始 HTML 表格元素，在 DataTables 增强它之前

在正确显示表格时，此示例使用了一点点额外的 CSS，超出了从库文件中加载的 CSS （如下）。下面显示了使用的额外 CSS

为了让表格样式化，加载了以下 CSS 库文件以用于此示例

此表格通过 Ajax 加载数据。最新加载的数据如下所示。加载任何其他数据后，这些数据将自动更新。

执行此表格的服务器端处理的脚本如下所示。请注意，这仅仅是使用 PHP 的示例脚本。服务器端处理脚本可以用任何语言编写，使用DataTables 文档中描述的协议。

基于区域设置的数字显示

其他示例

基本初始化

高级初始化

数据源

语言和国际化

日期时间

插件

样式

布局

API

Ajax

服务器端

DataTables