本地化數字顯示

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