Datatables 1.10.x在命名上與1.9.x的有區別,新版的使用的是駝峯的命名規則,而以前的是採用匈牙利命名規則 css
固然,這些變化都是向下兼容的,你能夠繼續使用舊版本的api方法的參數和名稱。 若是你要是用新版本的api方法,請參考下面表格的對照表,大多數的都是直接從匈牙利命名到駝峯命名,極個別重命名,還添加了新的屬性名稱。 html
如今能夠這樣建立一個Datatables: node
$(...).dataTable()建立一個Datatables並返回一個jquery對象(1.9-) jquery
$(...).DataTable()建立一個Datatables並返回一個新的Datatables API實例 ajax
兩種方法均可以在1.10+版本中使用 api
匈牙利式 | 駝峯式 | 含義 |
---|---|---|
aaData | dataDT | 給表格顯示數據 |
aaSorting | orderDT | 表格初始化排序 |
aaSortingFixed | orderFixedDT | Ordering to always be applied to the table |
aDataSort | columns.orderDataDT | 定義多個列做爲列的默認順序 |
aLengthMenu | lengthMenuDT | 改變每頁顯示條數列表的選項 |
aTargets | columnDefs.targetsDT | 適用於指定一個特定的列 |
aoColumns | columnsDT | 列配置數組 |
aoColumnDefs | columnDefsDT | 列定義配置數組 |
aoSearchCols | searchColsDT | 給個別列定義搜索選項 |
asSorting | columns.orderSequenceDT | 指定排序 |
asStripeClasses | stripeClassesDT | 在表中設置斑馬條紋類的行 |
bAutoWidth | autoWidthDT | 讓Datatables自動計算寬度 |
bDeferRender | deferRenderDT | 延遲渲染能夠提升Datatables的加載速度 |
bDestroy | destroyDT | 容許從新實例化Datatables |
bFilter | searchingDT | 開啓搜索功能 |
bInfo | infoDT | 開啓Datatables信息顯示 |
bJQueryUI | jQueryUIDT | 使用jqueryui樣式(須要引入jqueryui的css) |
bLengthChange | lengthChangeDT | 容許改變每頁顯示的數據條數 |
bPaginate | pagingDT | 容許表格分頁 |
bProcessing | processingDT | 顯示加載信息 |
bRetrieve | retrieveDT | 檢索一個已存在的Datatables實例 |
bScrollAutoCss | 廢棄 | |
bScrollCollapse | scrollCollapseDT | 開啓滾動條 |
bScrollInfinite | 廢棄 | |
bSearchable | columns.searchableDT | 定義列是否容許搜索 |
bServerSide | serverSideDT | 開啓服務器模式 |
bSort | orderingDT | 是否啓用Datatables排序 |
bSortable | columns.orderableDT | 開啓或關閉某列的排序 |
bSortCellsTop | orderCellsTopDT | Control which cell the order event handler will be applied to in a column |
bSortClasses | orderClassesDT | 排序列高亮顯示 |
bStateSave | stateSaveDT | 容許瀏覽器緩存Datatables,以便下次恢復以前的狀態 |
bUseRendered | 廢棄 | Use columns.renderDT |
bVisible | columns.visibleDT | 列是否顯示 |
fnCookieCallback | 廢棄 | |
fnCreatedCell | columns.createdCellDT | 單元格被建立回調函數,容許dom操做 |
fnCreatedRow | createdRowDT | tr被建立回調函數 |
fnDrawCallback | drawCallbackDT | 表格重繪的時候回調函數 |
fnFooterCallback | footerCallbackDT | foot顯示回調函數 |
fnFormatNumber | formatNumberDT | 數字格式化回調函數 |
fnHeaderCallback | headerCallbackDT | thead顯示回調函數 |
fnInfoCallback | infoCallbackDT | 表格主要信息顯示回調函數 |
fnInitComplete | initCompleteDT | 表格加載完成回調函數 |
fnPreDrawCallback | preDrawCallbackDT | 預繪製回調函數 |
fnRender | 廢棄 | Use columns.renderDT |
fnRowCallback | rowCallbackDT | 行重繪回調 |
fnServerData | ajaxDT | 從 Ajax 源加載數據的表的內容 |
fnServerParams | ajaxDT | 從 Ajax 源加載數據的表的內容 |
fnStateLoad | stateLoadCallbackDT | 定義在何處以及如何應加載已保存的狀態的回調 |
fnStateLoaded | stateLoadedDT | 狀態被讀取回調 |
fnStateLoadParams | stateLoadParamsDT | 加載狀態,數據操做回調 |
fnStateSave | stateSaveCallbackDT | 定義如何存和在哪裏儲表狀態回調 |
fnStateSaveParams | stateSaveParamsDT | 狀態保存,數據操做回調 |
iCookieDuration | stateDurationDT | 狀態保存的有效期 |
iDataSort | columns.orderDataDT | 定義多個列做爲列的默認順序 |
iDeferLoading | deferLoadingDT | 延遲加載服務器端數據直到第二次重繪 |
iDisplayLength | pageLengthDT | 更改初始頁面長度 (每頁的行數) |
iDisplayStart | displayStartDT | 初始分頁起始點 |
iScrollLoadGap | 廢棄 | |
iTabIndex | tabIndexDT | 選項卡索引控件的鍵盤導航 |
mData | columns.dataDT | 從行數據對象/數組設置列的數據源 |
mRender | columns.renderDT | Render (process) the data for use in the table |
oLanguage.oAria.sSortAscending | language.aria.sortAscendingDT | 用於WAI-ARIA(無障礙網頁應用)屬性 |
oLanguage.oAria.sSortDescending | language.aria.sortDescendingDT | 用於WAI-ARIA(無障礙網頁應用)屬性 |
oLanguage.oPaginate.sFirst | language.paginate.firstDT | 翻頁中「首頁」字符串 |
oLanguage.oPaginate.sLast | language.paginate.lastDT | 翻頁中「尾頁」字符串 |
oLanguage.oPaginate.sNext | language.paginate.nextDT | 翻頁中「下一頁」字符串 |
oLanguage.oPaginate.sPrevious | language.paginate.previousDT | 翻頁中「上一頁」字符串 |
oLanguage.sEmptyTable | language.emptyTableDT | 表格中沒有數據時顯示的字符串 |
oLanguage.sInfo | language.infoDT | 表格主要信息顯示字符串 |
oLanguage.sInfoEmpty | language.infoEmptyDT | 當表格沒有數據和搜索記錄時,表格主要信息顯示字符串 |
oLanguage.sInfoFiltered | language.infoFilteredDT | 當使用搜索功能後,表格主要信息出追加的字符 |
oLanguage.sInfoPostFix | language.infoPostFixDT | 追加到全部其餘主要信息字符串以後 |
oLanguage.sInfoThousands | language.thousandsDT | 千分位分隔符 |
oLanguage.sLengthMenu | language.lengthMenuDT | 頁面顯示數據條數選項 |
oLanguage.sLoadingRecords | language.loadingRecordsDT | 當ajax加載數據時-加載信息顯示字符串 |
oLanguage.sProcessing | language.processingDT | 顯示正在處理字符串 |
oLanguage.sSearch | language.searchDT | 搜索框顯示字符串 |
oLanguage.sUrl | language.urlDT | 從遠程加載語言信息文件url |
oLanguage.sZeroRecords | language.zeroRecordsDT | 過濾後空的結果字符串 |
oSearch | searchDT | 設置一個在Datatables初始化時的搜索選項 |
sAjaxDataProp | ajax.dataSrcDT | 表數據的數據屬性或操做方法 |
sAjaxSource | ajaxDT | 從 Ajax 源加載數據的表的內容 |
sCellType | columns.cellTypeDT | 要爲列建立的單元格類型 |
sClass | columns.classNameDT | 指定單元格樣式 |
sContentPadding | contentPaddingDT | 給文本內容添加填充被用來計算最合適的表格 |
sCookiePrefix | 廢棄 | |
sDefaultContent | columns.defaultContentDT | 給列設置默認的,靜態的內容 |
sDom | domDT | 按什麼順序定義表的控制元素在頁面上出現 |
sName | columns.nameDT | 設置列的描述性名稱 |
sPaginationType | pagingTypeDT | 分頁按鈕種類顯示選項 |
sScrollX | scrollXDT | 水平滾動條 |
sScrollXInner | scrollXInner | 沒有文檔在1.10中 |
sScrollY | scrollYDT | 垂直滾動條 |
sServerMethod | ajaxDT | 從 Ajax 源加載數據的表的內容的方式 |
sSortDataType | columns.orderDataTypeDT | Live DOM sorting type assignment |
sTitle | columns.titleDT | 給列設置名稱 |
sType | columns.typeDT | 設置用於篩選和排序字符串處理的列類型 |
sWidth | columns.widthDT | 設置列寬 |
如下是舊的api轉換新的,新的api有不少,下面沒有所有列出來。關於如何使用它,請參考api完整信息。 數組
匈牙利式 | 駝峯式 | 含義 |
---|---|---|
$ | $DT | Perform a jQuery selection action on the full table. |
_ | row().data()DT, rows().data()DT, cell().data()DT | 從行、列和單元格中獲取數據 |
fnAddData | row.add()DT, rows.add()DT | 給表格添加一行或多行 |
fnAdjustColumnSizing | columns.adjust()DT | 從新計算列的寬度 |
fnClearTable | clear()DT | 清除表格的全部數據 |
fnClose | row().child.hide()DT | 隱藏父行的子行 |
fnDeleteRow | row().remove()DT, rows().remove()DT | 從Datatables刪掉一行或或者更多 |
fnDestroy | destroy()DT | 從當前上下文銷燬掉Datatables對象 |
fnDraw | draw()DT | 重繪表格 |
fnFilter | search()DT, column().search()DT, columns().search()DT | 從表格裏搜索數據 |
fnGetData | row().data()DT, rows().data()DT, cell().data()DT | 從列,行,單元格中獲取數據 |
fnGetNodes | row().node()DT, rows().nodes()DT, cell().node()DT | 從列,行和單元格里獲取節點 |
fnGetPosition | row().index()DT, cell.index()DT | 獲取有關選定的行、 列或單元格的索引信息 |
fnIsDataTable | $.fn.dataTable.isDataTable()DT | 檢查表格的節點是否是Datatable對象 |
fnIsOpen | row().child.isShown()DT | 檢查子行的父行是否可見 |
fnOpen | row().child()DT | 使父行的子行可見 |
fnPageChange | page()DT | 獲取/設置表的當前頁 |
fnSetColumnVis | column().visible()DT | 獲取/設置單個所選列的可見性 |
fnSettings | settings()DT | 獲取表的設置對象 |
fnSort | order()DT, column().order()DT | 選擇指定列排序 |
fnSortListener | order.listener()DT | 給指定的列添加排序的監聽 |
fnTables | $.fn.dataTable.tables()DT | 在本頁獲得全部的Datatables |
fnUpdate | row().data()DT, cell().data()DT | 設置行或單元格的數據 |
fnVersionCheck | $.fn.dataTable.versionCheck()DT | 版本號碼的兼容性檢查功能 |
Translation from DataTables.net, with permission