語言 - 逗號小數點

在 Javascript 中,點 (.) 用於標記小數點。然而,世界上的許多地區使用逗號 (,),其他字元如 Unicode 小數分隔符號 () 或破折號 (-) 也經常被用來顯示數字的小數點。

當讀取這些數字時,Javascript 不會自動將它們識別為數字。然而,DataTables 的型別偵測和排序方法可以透過 language.decimal 選項來指定哪個字元被用作數字中的小數點。這將被用來正確調整 DataTables 的型別偵測和排序演算法,以便在您的表格中對數字進行排序。

任何字元都可以使用 language.decimal 選項傳入,但單個表格中使用的小數點字元必須一致 (也就是說,同時使用點小數點和逗號小數點的數字不能同時出現在同一個表格中)。如果需要,同一頁面上的不同表格可以使用不同的小數點字元。

下面的範例顯示在最後一欄的貨幣數字中使用逗號作為小數點。

姓名 職位 辦公室 年齡 開始日期 薪水
Tiger Nixon 系統架構師 愛丁堡 61 2011-04-25 $320.800,00
Garrett Winters 會計 東京 63 2011-07-25 $170.750,00
Ashton Cox 初級技術作者 舊金山 66 2009-01-12 $86.000,00
Cedric Kelly 資深 Javascript 開發人員 愛丁堡 22 2012-03-29 $433.060,00
Airi Satou 會計 東京 33 2008-11-28 $162.700,00
Brielle Williamson 整合專員 紐約 61 2012-12-02 $372.000,00
Herrod Chandler 銷售助理 舊金山 59 2012-08-06 $137.500,00
Rhona Davidson 整合專員 東京 55 2010-10-14 $327.900,00
Colleen Hurst Javascript 開發人員 舊金山 39 2009-09-15 $205.500,00
Sonya Frost 軟體工程師 愛丁堡 23 2008-12-13 $103.600,00
Jena Gaines 辦公室經理 倫敦 30 2008-12-19 $90.560,00
Quinn Flynn 支援主管 愛丁堡 22 2013-03-03 $342.000,00
Charde Marshall 區域主管 舊金山 36 2008-10-16 $470.600,00
Haley Kennedy 資深行銷設計師 倫敦 43 2012-12-18 $313.500,00
Tatyana Fitzpatrick 區域主管 倫敦 19 2010-03-17 $385.750,00
Michael Silva 行銷設計師 倫敦 66 2012-11-27 $198.500,00
Paul Byrd 財務長 (CFO) 紐約 64 2010-06-09 $725.000,00
Gloria Little 系統管理員 紐約 59 2009-04-10 $237.500,00
Bradley Greer 軟體工程師 倫敦 41 2012-10-13 $132.000,00
Dai Rios 人事主管 愛丁堡 35 2012-09-26 $217.500,00
Jenette Caldwell 開發主管 紐約 30 2011-09-03 $345.000,00
Yuri Berry 行銷長 (CMO) 紐約 40 2009-06-25 $675.000,00
Caesar Vance 售前支援 紐約 21 2011-12-12 $106.450,00
Doris Wilder 銷售助理 雪梨 23 2010-09-20 $85.600,00
Angelica Ramos 執行長 (CEO) 倫敦 47 2009-10-09 $1.200.000,00
Gavin Joyce 開發人員 愛丁堡 42 2010-12-22 $92.575,00
Jennifer Chang 區域主管 新加坡 28 2010-11-14 $357.650,00
Brenden Wagner 軟體工程師 舊金山 28 2011-06-07 $206.850,00
Fiona Green 營運長 (COO) 舊金山 48 2010-03-11 $850.000,00
Shou Itou 區域行銷 東京 20 2011-08-14 $163.000,00
Michelle House 整合專員 雪梨 37 2011-06-02 $95.400,00
Suki Burks 開發人員 倫敦 53 2009-10-22 $114.500,00
Prescott Bartlett 技術作者 倫敦 27 2011-05-07 $145.000,00
Gavin Cortez 團隊領導 舊金山 22 2008-10-26 $235.500,00
Martena Mccray 售後支援 愛丁堡 46 2011-03-09 $324.050,00
Unity Butler 行銷設計師 舊金山 47 2009-12-09 $85.675,00
Howard Hatfield 辦公室經理 舊金山 51 2008-12-16 $164.500,00
Hope Fuentes 秘書 舊金山 41 2010-02-12 $109.850,00
Vivian Harrell 財務主管 舊金山 62 2009-02-14 $452.500,00
Timothy Mooney 辦公室經理 倫敦 37 2008-12-11 $136.200,00
Jackson Bradshaw 主管 紐約 65 2008-09-26 $645.750,00
Olivia Liang 支援工程師 新加坡 64 2011-02-03 $234.500,00
Bruno Nash 軟體工程師 倫敦 38 2011-05-03 $163.500,00
Sakura Yamamoto 支援工程師 東京 37 2009-08-19 $139.575,00
Thor Walton 開發人員 紐約 61 2013-08-11 $98.540,00
Finn Camacho 支援工程師 舊金山 47 2009-07-07 $87.500,00
Serge Baldwin 資料協調員 新加坡 64 2012-04-09 $138.575,00
Zenaida Frank 軟體工程師 紐約 63 2010-01-04 $125.250,00
Zorita Serrano 軟體工程師 舊金山 56 2012-06-01 $115.000,00
Jennifer Acosta 初級 Javascript 開發人員 愛丁堡 43 2013-02-01 $75.650,00
Cara Stevens 銷售助理 紐約 46 2011-12-06 $145.600,00
Hermione Butler 區域主管 倫敦 47 2011-03-21 $356.250,00
Lael Greer 系統管理員 倫敦 21 2009-02-27 $103.500,00
Jonas Alexander 開發人員 舊金山 30 2010-07-14 $86.500,00
Shad Decker 區域主管 愛丁堡 51 2008-11-13 $183.000,00
Michael Bruce Javascript 開發人員 新加坡 29 2011-06-27 $183.000,00
Donna Snider 客戶支援 紐約 27 2011-01-25 $112.000,00
姓名 職位 辦公室 年齡 開始日期 薪水
  • Javascript
  • HTML
  • CSS
  • Ajax
  • 伺服器端腳本
  • 註解

下面顯示的 Javascript 用於初始化此範例中顯示的表格

$('#example').DataTable({ language: { decimal: ',', thousands: '.' } });
new DataTable('#example', { language: { decimal: ',', thousands: '.' } });

除了上面的程式碼,還載入了以下 Javascript 函式庫檔案以供此範例使用

    下面顯示的 HTML 是原始 HTML 表格元素,在 DataTables 增強之前

    此範例除了從函式庫檔案載入的內容 (如下所示) 外,還使用了一些額外的 CSS,以正確顯示表格。下面顯示了使用的額外 CSS

    載入了以下 CSS 函式庫檔案以供此範例使用,以提供表格的樣式

      此表格透過 Ajax 載入資料。下面顯示了已載入的最新資料。當載入任何其他資料時,此資料將自動更新。

      下面顯示了用於執行此表格的伺服器端處理的腳本。請注意,這只是一個使用 PHP 的範例腳本。可以使用任何語言編寫伺服器端處理腳本,使用 DataTables 文件中描述的協定

      其他範例