dataTable參考文件（中文版）
阿新 • • 發佈：2018-12-10
1 //@translator codepiano 2 3 //@email [email protected] 4 //嘗試著翻譯了一下，難免有錯誤的地方，歡迎發郵件告知，多謝。 5 /*------------------------------------------------Feature------------------------------------------------*/ 6 $(document).ready( function (){ 7 $('selector').dataTable( { 8 /* 9 * 預設為true10 * 是否自動計算列寬，計算列寬會花費一些時間，如果列寬通過aoColumns傳遞，可以關閉該屬性作為優化 11 */ 12 "bAutoWidth":true, 13 /* 14 * 預設為false 15 * 是否延遲渲染，當用Ajax或者js方式載入資料時開啟延遲渲染會帶來很大的速度提升 16 * 當該屬性設定為true時，表格每一行新增的元素只有在需要被畫出來時才會被DataTable創建出來 17 */ 18 "bDeferRender":false, 19/* 20 * 預設為true 21 * 是否對資料進行過濾，資料過濾是十分靈活的，允許終端使用者輸入多個用空格分隔開的關鍵字 22 * 匹配包含這些關鍵字的行，即使關鍵字的順序不是使用者輸入的順序，過濾操作會跨列進行匹配，關鍵字可以分佈在一行中不同的列 23 * 要注意的是如果你想在DataTable中使用過濾，該選項必須設定為true，如果想移除預設過濾輸入框但是保留過濾功能，請設定為false(API沒寫，推測是false) 24 */ 25 "bFilter":true, 26 /* 27* 預設為true 28 * 是否顯示錶格資訊，是指當前頁面上顯示的資料的資訊，如果有過濾操作執行，也會顯示過濾操作的資訊 29 */ 30 "bInfo":true, 31 /* 32 * 預設為fasle 33 * 是否開啟jQuery UI ThemeRoller支援，需要一些ThemeRoller使用的標記，這些標記有些與DataTable傳統使用的有輕微的差異，有些是額外附加的 34 */ 35 "bJQueryUI":false, 36 /* 37 * 預設為true 38 * 是否允許終端使用者從一個選擇列表中選擇分頁的頁數，頁數為10，25，50和100，需要分頁元件bPaginate的支援 39 */ 40 "bLengthChange":false, 41 /* 42 * 預設為true 43 * 是否開啟分頁功能,即使設定為false,仍然會有一個預設的<前進,後退>分頁元件 44 */ 45 "bPaginage":true, 46 /* 47 * 預設為false 48 * 當表格在處理的時候（比如排序操作）是否顯示“處理中...” 49 * 當表格的資料中的資料過多以至於對其中的記錄進行排序時會消耗足以被察覺的時間的時候，該選項會有些用處 50 */ 51 "bProcessing":false, 52 /* 53 * 預設為false 54 * 是否開啟不限制長度的滾動條（和sScrollY屬性結合使用），不限制長度的滾動條意味著當用戶拖動滾動條的時候DataTable會不斷載入資料 55 * 當資料集十分大的時候會有些用處，該選項無法和分頁選項同時使用，分頁選項會被自動禁止，注意，額外推薦的滾動條會優先與該選項 56 */ 57 "bScrollInfinite":false, 58 /* 59 * 預設為false 60 * 配置DataTable使用伺服器端處理，注意，sAjaxSource引數必須指定，以便給DataTable一個為每一行獲取資料的資料來源 61 */ 62 "bServerSide":false, 63 /* 64 * 預設為true 65 * 是否開啟列排序，對單獨列的設定在每一列的bSortable選項中指定 66 */ 67 "bSort":true, 68 /* 69 * 預設為true 70 * 是否在當前被排序的列上額外新增sorting_1,sorting_2,sorting_3三個class，當該列被排序的時候，可以切換其背景顏色 71 * 該選項作為一個來回切換的屬性會增加執行時間（當class被移除和新增的時候） 72 * 當對大資料集進行排序的時候你或許希望關閉該選項 73 */ 74 "bSortClasses":true, 75 /* 76 * 預設為false 77 * 是否開啟狀態儲存，當選項開啟的時候會使用一個cookie儲存表格展示的資訊的狀態，例如分頁資訊，展示長度，過濾和排序等 78 * 這樣當終端使用者重新載入這個頁面的時候可以使用以前的設定 79 */ 80 "bStateSave":false, 81 /* 82 * 預設為空字串，即：無效 83 * 是否開啟水平滾動，當一個表格過於寬以至於無法放入一個佈局的時候，或者表格有太多列的時候，你可以開啟該選項 84 * 從而在一個可橫向滾動的視圖裡面展示表格，該屬性可以是css設定，或者一個數字（作為畫素量度來使用） 85 */ 86 "sScrollX":"100%", 87 /* 88 * 預設為空字串，即：無效 89 * 是否開啟垂直滾動，垂直滾動會驅使DataTable設定為給定的長度，任何溢位到當前檢視之外的資料可以通過垂直滾動進行察看 90 * 當在小範圍區域中顯示大量資料的時候，可以在分頁和垂直滾動中選擇一種方式，該屬性可以是css設定，或者一個數字（作為畫素量度來使用） 91 */ 92 "sScrollY":"100%", 93 /* 94 * 自定義語言設定 95 */ 96 "oLanguage":{ 97 "oAria":{ 98 /* 99 * 預設值為activate to sort column ascending 100 * 當一列被按照升序排序的時候新增到表頭的ARIA標籤，注意列頭是這個字串的字首（？） 101 */ 102 "sSortAscending": " - click/return to sort ascending", 103 /* 104 * 預設值為activate to sort column ascending 105 * 當一列被按照升序降序的時候新增到表頭的ARIA標籤，注意列頭是這個字串的字首（？） 106 */ 107 "sSortDescending": " - click/return to sort descending" 108 }, 109 "oPaginate": { 110 /* 111 * 預設值為First 112 * 當使用全數字型別的分頁元件的時候，到第一頁按鈕上的文字 113 */ 114 "sFirst": "First page", 115 /* 116 * 預設值為Last 117 * 當使用全數字型別的分頁元件的時候，到最後一頁按鈕上的文字 118 */ 119 "sLast": "Last page", 120 /* 121 * 預設值為Next 122 * 當使用全數字型別的分頁元件的時候，到下一頁按鈕上的文字 123 */ 124 "sNext": "Next page", 125 /* 126 * 預設值為Previous 127 * 當使用全數字型別的分頁元件的時候，到前一頁按鈕上的文字 128 */ 129 "sPrevious": "Previous page" 130 }, 131 /* 132 * 預設值activate to sort column ascending為 133 * 當表格中沒有資料（無視因為過濾導致的沒有資料）時，該字串年優先與sZeroRecords顯示 134 * 注意這是個可選引數，如果沒有指定，sZeroRecrods會被使用（既不是預設值也不是給定的值） 135 */ 136 "sEmptyTable": "No data available in table", 137 /* 138 * 預設值為Showing _START_ to _END_ of _TOTAL_ entries 139 * 該屬性給終端使用者提供當前頁面的展示資訊，字串中的變數會隨著表格的更新被動態替換，而且可以被任意移動和刪除 140 */ 141 "sInfo": "Got a total of _TOTAL_ entries to show (_START_ to _END_)", 142 /* 143 * 預設值為Showing 0 to 0 of 0 entries 144 * 當表格中沒有資料時展示的表格資訊，通常情況下格式會符合sInfo的格式 145 */ 146 "sInfoEmpty": "No entries to show", 147 /* 148 * 預設值為(filtered from _MAX_ total entries) 149 * 當用戶過濾表格中的資訊的時候，該字串會被附加到資訊字串的後面，從而給出過濾器強度的直觀概念 150 */ 151 "sInfoFiltered": " - filtering from _MAX_ records", 152 /* 153 * 預設值為空字串 154 * 使用該屬性可以很方便的向表格資訊字串中新增額外的資訊，被新增的資訊在任何時候都會被附加到表格資訊元件的後面 155 * sInfoEmpty和sInfoFiltered可以以任何被使用的方式進行結合 156 */ 157 "sInfoPostFix": "All records shown are derived from real information.", 158 /* 159 * 預設值為',' 160 * DataTable有內建的格式化數字的工具，可以用來格式化表格資訊中較大的數字 161 * 預設情況下會自動呼叫，可以使用該選項來自定義分割的字元 162 */ 163 "sInfoThousands": "'", 164 /* 165 * 預設值為Show _MENU_ entries 166 * 描述當分頁元件的下拉選單的選項被改變的時候發生的動作，'_MENU_'變數會被替換為預設的10，25，50，100 167 * 如果需要的話可以被自定義的下拉元件替換 168 */ 169 "sLengthMenu": "Display _MENU_ records", 170 /* 171 * 預設值為Loading... 172 * 當使用Ajax資料來源和表格在第一次被載入蒐集資料的時候顯示的字串，該資訊在一個空行顯示 173 * 向終端使用者指明資料正在被載入，注意該引數在從伺服器載入的時候無效，只有Ajax和客戶端處理的時候有效 174 */ 175 "sLoadingRecords": "Please wait - loading...", 176 /* 177 * 預設值為Processing... 178 * 當表格處理使用者動作（例如排序或者類似行為）的時候顯示的字串 179 */ 180 "sProcessing": "DataTables is currently busy", 181 /* 182 * 預設為Search: 183 * 描述使用者在輸入框輸入過濾條件時的動作，變數'_INPUT_',如果用在字串中 184 * DataTable會使用使用者輸入的過濾條件替換_INPUT_為HTML文字元件，從而可以支配它（即使用者輸入的過濾條件）出現在資訊字串中的位置 185 * 如果變數沒有指定，使用者輸入會自動新增到字串後面 186 */ 187 "sSearch": "Apply filter _INPUT_ to table", 188 /* 189 * 預設值為空字串，即：無效 190 * 所有語言資訊可以被儲存在伺服器端的檔案中，DataTable可以根據該引數指定的URL去尋找 191 * 必須儲存語言檔案的URL資訊，必須是JSON格式，物件和初始化中使用的oLanguage物件具有相同的屬性 192 * 請參考示例檔案來了解該引數是如何工作的 193 */ 194 "sUrl": , 195 /* 196 * 預設值為No matching records found 197 * 當對資料進行過濾操作後，如果沒有要顯示的資料，會在表格記錄中顯示該字串 198 * sEmptyTable只在表格中沒有資料的時候顯示，忽略過濾操作 199 */ 200 "sZeroRecords": "No records to display" 201 } 202 }); 203 }); 204 205 /*------------------------------------------------Options------------------------------------------------*/ 206 /* 207 * bDestroy 208 * 預設為false 209 * 使用傳遞的新的初始化物件中的屬性構造一個新的表格，並替換一個匹配指定的選擇器的表格 210 * 如果沒有匹配到表格，新的表格會被作為一個普通表格被構建 211 */ 212 $('selector').dataTable({ 213 "bFilter": false, 214 "bDestroy": true 215 }); 216 217 /* 218 * bRetrieve 219 * 預設為false 220 * 使用指定的選擇器檢索表格，注意，如果表格已經被初始化，該引數會直接返回已經被建立的物件 221 * 並不會顧及你傳遞進來的初始化引數物件的變化，將該引數設定為true說明你確認已經明白這一點 222 * 如果你需要的話，bDestroy可以用來重新初始化表格 223 */ 224 $(document).ready(function(){ 225 initTable(); 226 tableActions(); 227 }); 228 229 function initTable() 230 { 231 return $('#example').dataTable( { 232 "sScrollY": "200px", 233 "bPaginate": false, 234 "bRetrieve": true 235 }); 236 } 237 238 function tableActions() 239 { 240 var oTable = initTable(); 241 // perform API operations with oTable 242 } 243 244 /* 245 * bScrollAutoCss 246 * 預設為true 247 * 指明DataTable中滾動的標題元素是否被允許設定內邊距和外邊距等 248 */ 249 $(document).ready(function(){ 250 $('#example').dataTable( { 251 "bScrollAutoCss": false, 252 "sScrollY": "200px" 253 }); 254 }); 255 256 /* 257 * bScrollCollapse 258 * 預設為false 259 * 當垂直滾動被允許的時候，DataTable會強制表格檢視在任何時候都是給定的高度（對佈局有利） 260 * 不過，當把資料集過濾到十分小的時候看起來會很古怪，而且頁尾會留在最下面 261 * 當結果集的高度比給定的高度小時該引數會使表格高度自適應 262 */ 263 $(document).ready(function(){ 264 $('#example').dataTable( { 265 "sScrollY": "200", 266 "bScrollCollapse": true 267 }); 268 }); 269 270 /* 271 * bSortCellsTop 272 * 預設為false 273 * 是否允許DataTable使用頂部（預設為true）的單元格，或者底部（預設為false）的單元格，當使用複合表頭的時候會有些用處 274 */ 275 $(document).ready(function(){ 276 $('#example').dataTable( { 277 "bSortCellsTop": true 278 }); 279 }); 280 281 /* 282 * iCookieDuration 283 * 預設為7200秒（2個小時） 284 * 設定用來儲存會話資訊的cookie的持續時間，單位是秒 285 */ 286 $(document).ready(function(){ 287 $('#example').dataTable( { 288 "iCookieDuration": 60*60*24 // 1 day 289 }); 290 }) 291 292 /* 293 * iDeferLoading 294 * 預設為null 295 * 當選項被開啟的時候，DataTable在非載入第一次的時候不會向伺服器請求資料，而是會使用頁面上的已有資料（不會應用排序等） 296 * 因此在載入的時候保留一個XmlHttpRequest，iDeferLoading被用來指明需要延遲載入，而且也用來通知DataTable一個滿的表格有多少條資料 297 * 資訊元素和分頁會被正確保留 298 */ 299 $(document).ready(function(){ 300 $('#example').dataTable( { 301 "bServerSide": true, 302 "sAjaxSource": "scripts/server_processing.php", 303 "iDeferLoading": 57 304 }); 305 }); 306 307 /* 308 * iDisplayLength 309 * 預設為10 310 * 單頁顯示的資料的條數，如果bLengthChange屬性被開啟，終端使用者可以通過一個彈出選單重寫該數值 311 */ 312 $(document).ready(function(){ 313 $('#example').dataTable( { 314 "bServerSide": true, 315 "sAjaxSource": "scripts/server_processing.php", 316 "iDeferLoading": 57 317 }); 318 }); 319 320 /* 321 * iDisplayStart 322 * 預設為0 323 * 當開啟分頁的時候，定義展示的記錄的起始序號，不是頁數，因此如果你每個分頁有10條記錄而且想從第三頁開始 324 * 需要把該引數指定為20 325 */ 326 $(document).ready(function(){ 327 $('#example').dataTable( { 328 "iDisplayStart": 20 329 }); 330 }) 331 332 /* 333 * iScrollLoadGap 334 * 預設為100 335 * 滾動餘界是指DataTable在當前頁面還有多少條資料可供滾動時自動載入新的資料，你可能希望指定一個足夠大的餘界 336 * 以便滾動載入資料的操作對使用者來說是平滑的，同時也不會大到載入比需要的多的多的資料 337 */ 338 $(document).ready(function(){ 339 $('#example').dataTable( { 340 "bScrollInfinite": true, 341 "bScrollCollapse": true, 342 "sScrollY": "200px", 343 "iScrollLoadGap": 50 344 }); 345 }); 346 347 /* 348 * iTabIndex 349 * 預設為0 350 * 預設情況下DataTable允許通過為需要鍵盤導航的元素新增tabindex屬性來進行導航（排序、分頁、過濾） 351 * 允許你通過tab鍵切換控制組件，使用回車鍵去啟用他們，預設為0表示按照文件流來切換 352 * 如果需要的話，你可以使用該引數重寫切換順序，使用-1來禁止內建的鍵盤導航 353 */ 354 $(document).ready(function(){ 355 $('#example').dataTable( { 356 "iTabIndex": 1 357 }); 358 }); 359 360 /* 361 * oSearch 362 * 無預設值 363 * 該引數允許你在初始化的時候使用已經定義的全域性過濾狀態，sSearch物件必須被定義，但是所有的其它選項都是可選的 364 * 當bRegex為true的時候，搜尋字串會被當作正則表示式，當為false（預設）的時候，會被直接當作一個字串 365 * 當bSmart為true的時候，DataTable會使用使用靈活過濾策略（匹配任何可能的資料），為false的時候不會這樣做 366 */ 367 $(document).ready(function(){ 368 $('#example').dataTable( { 369 "oSearch": {"sSearch": "Initial search"} 370 }); 371 }) 372 373 /* 374 * sAjaxDataProp 375 * 預設為aaData 376 * 當使用Ajax資料來源或者伺服器端處理的時候，DataTable會預設搜尋aaData屬性作為資料來源 377 * 該選項允許變更資料來源的名稱，你可以使用JavaScript的點號物件表示法去訪問多級網狀資料來源 378 */ 379 // Get data from { "data": [...] } 380 $(document).ready(function(){ 381 var oTable = $('#example').dataTable( { 382 "sAjaxSource": "sources/data.txt", 383 "sAjaxDataProp": "data" 384 }); 385 }); 386 387 // Get data from { "data": { "inner": [...] } } 388 $(document).ready(function(){ 389 var oTable = $('#example').dataTable( { 390 "sAjaxSource": "sources/data.txt", 391 "sAjaxDataProp": "data.inner" 392 }); 393 }); 394 395 /* 396 * sAjaxSource 397 * 預設為null 398 * 該引數用來向DataTable指定載入的外部資料來源（如果想使用現有的資料，請使用aData） 399 * 可以簡單的提供一個可以用來獲得資料url或者JSON物件，該物件必須包含aaData，作為表格的資料來源 400 */ 401 $(document).ready(function(){ 402 $('#example').dataTable( { 403 "sAjaxSource": 404 }); 405 }) 406 407 /* 408 * sCookiePrefix 409 * 預設為SpryMedia_DataTables_ 410 * 該引數可以用來重寫DataTable預設指定的用來儲存狀態資訊的cookie的字首 411 */ 412 $(document).ready(function(){ 413 $('#example').dataTable( { 414 "sCookiePrefix": "my_datatable_", 415 }); 416 }); 417 418 /* 419 * sDom 420 * 預設值為lfrtip (when bJQueryUI is false) or <"H"lfr>t<"F"ip> (when bJQueryUI is true) 421 * 該初始化屬性用來指定你想把各種控制組件注入到dom節點的位置（比如你想把分頁元件放到表格的頂部） 422 * DIV元素（帶或者不帶自定的class）可以新增目標樣式，下列語法被使用 423 * 可供使用的選項 424 * 'l' - 長度改變 425 * 'f' - 過濾輸入 426 * 't' - 表格 427 * 'i' - 資訊 428 * 'p' - 分頁 429 * 'r' - 處理 430 * 可供使用的常量 431 * 'H' - jQueryUI theme "header" classes('fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix') 432 * 'F' - jQueryUI theme "footer" classes ('fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix') 433 * 需要的語法 434 * '<' 和 '>' - div元素 435 * '<"class" and '>' - 帶有class屬性的div元素 436 * '<"#id" and '>' - 帶有id屬性的div元素 437 * 例子 438 * '<"wrapper"flipt>' 439 * '<lf<t>ip>' 440 */ 441 $(document).ready(function(){ 442 $('#example').dataTable( { 443 "sDom": '<"top"i>rt<"bottom"flp><"clear"&lgt;' 444 }); 445 }); 446 447 /* 448 * sPaginationType 449 * 預設為two_button 450 * DataTable內建了兩種互動式分頁策略，兩個按鈕和全頁數，展現給終端使用者不同的控制方式 451 * 可以通過API增加策略 452 */ 453 $(document).ready(function(){ 454 $('#example').dataTable( { 455 "sPaginationType": "full_numbers" 456 }); 457 }) 458 459 /* 460 * sScrollXInner 461 * 預設為空字串，即：無效 462 * 當橫向滾動可用的時候，該屬性可以用來強制DataTable的寬度比需要的更長 463 * 比如你需要表格彼此相隔適宜，該變數可以用來使表格變大，而且強制滾動 464 * 該該屬性可以是css設定，或者一個數字（作為畫素量度來使用） 465 */ 466 $(document).ready(function(){ 467 $('#example').dataTable( { 468 "sScrollX": "100%", 469 "sScrollXInner": "110%" 470 }); 471 }); 472 473 /* 474 * sServerMethod 475 * 預設值為GET 476 * 設定使用Ajax方式呼叫的伺服器端的處理方法或者Ajax資料來源的HTTP請求方式 477 */ 478 $(document).ready(function(){ 479 $('#example').dataTable({ 480 "bServerSide": true, 481 "sAjaxSource": "scripts/post.php", 482 "sServerMethod": "POST" 483 }); 484 }); 485 /*------------------------------------------------Callback------------------------------------------------*/ 486 /* 487 * fnCookieCallback 488 * 無預設值 489 * 當DataTable的狀態保留可用時，自定義被儲存的cookie和引數。只要cookie被修改就會呼叫此方法 490 * 該方法需要返回一個格式良好的cookie字串，注意資料物件是以Javascript物件的形式傳遞進來的，必須轉換成字串，例如JSON格式 491 */ 492 $(document).ready(function (){ 493 $('#example').dataTable({ 494 "fnCookieCallback": function (sName, oData, sExpires, sPath) { 495 // Customise oData or sName or whatever else here 496 return sName + "="+JSON.stringify(oData)+"; expires=" + sExpires +"; path=" + sPath; 497 } 498 }); 499 }); 500 501 /* 502 * fnCreatedRow 503 * 無預設值 504 * 當一個新的TR元素（並且所有TD子元素被插入）被建立或者被作為一個DOM資源被註冊時呼叫該函式 505 * 允許操作該TR元素 506 */ 507 $(document).ready(function(){ 508 $('#example').dataTable({ 509 "fnCreatedRow": function( nRow, aData, iDataIndex ){ 510 // Bold the grade for all 'A' grade browsers 511 if ( aData[4] == "A" ) 512 { 513 $('td:eq(4)', nRow).html( '<b>A</b>' ); 514 } 515 } 516 }); 517 }); 518 519 /* 520 * fnDrawCallback 521 * 無預設值 522 * 每當draw事件發生時呼叫該函式，允許你動態編輯新建的dom物件的任何屬性 523 */ 524 $(document).ready( function(){ 525 $('#example').dataTable({ 526 "fnDrawCallback": function(){ 527 alert( 'DataTables has redrawn the table' ); 528 } 529 }); 530 }); 531 532 /* 533 * fnFooterCallback 534 * 無預設值 535 * 與fnHeaderCallback()完全相同，只是該函式允許你在每一個draw時間發生時修改頁尾 536 */ 537 $(document).ready( function(){ 538 $('#example').dataTable({ 539 "fnDrawCallback": function() { 540 alert( 'DataTables has redrawn the table' ); 541 } 542 }); 543 }); 544 545 /* 546 * fnFormatNumber 547 * 無預設值 548 * 當渲染表格資訊（例如：顯示57條記錄中的1-10條）中大的數字時 549 * 為了方便使用者，DataTable會使用逗號分割每千單位（例如1000000會被渲染為1,000,000） 550 * 該函式會重寫DataTable預設使用的策略 551 */ 552 $(document).ready(function(){ 553 $('#example').dataTable({ 554 "fnFormatNumber": function ( iIn ) { 555 if ( iIn < 1000 ) { 556 return iIn; 557 } else { 558 var 559 s=(iIn+""), 560 a=s.split(""), out="", 561 iLen=s.length; 562 563 for ( var i=0 ; i<iLen ; i++ ) { 564 if ( i%3 === 0 && i !== 0 ) { 565 out = "'"+out; 566 } 567 out = a[iLen-i-1]+out; 568 } 569 } 570 return out; 571 }; 572 }); 573 }); 574 575 /* 576 * fnHeaderCallback 577 * 無預設值 578 * 每當draw事件發生時呼叫該函式，允許你動態編輯表頭行，可以用來計算和展示關於表格的有用的資訊 579 */ 580 $(document).ready(function(){ 581 $('#example').dataTable({ 582 "fnFormatNumber": function ( iIn ) { 583 if ( iIn < 1000 ) { 584 return iIn; 585 } else { 586 var 587 s=(iIn+""), 588 a=s.split(""), out="", 589 iLen=s.length; 590 591 for ( var i=0 ; i<iLen ; i++ ) { 592 if ( i%3 === 0 && i !== 0 ) { 593 out = "'"+out; 594 } 595 out = a[iLen-i-1]+out; 596 } 597 } 598 return out; 599 }; 600 }); 601 }); 602 603 /* 604 * fnInfoCallback 605 * 無預設值 606 * 資訊元素可以用來傳輸表格當前狀態的資訊，儘管DataTable提供的國際化的選項在處理大多數自定義情況時已經相當方便了 607 * 或許你有時仍然希望自定義深層的字串,該函式會滿足你的需要 608 */ 609 $('#example').dataTable( { 610 "fnInfoCallback": function( oSettings, iStart, iEnd, iMax, iTotal, sPre ) { 611 return iStart +" to "+ iEnd; 612 } 613 }); 614 615 /* 616 * fnInitComplete 617 * 無預設值 618 * 當表格被初始化後呼叫該函式，通常DataTable會被持續初始化，並不需要該函式 619 * 可是，當使用非同步的XmlHttpRequest從外部獲得語言資訊時，初始化並不是持續的