Datatables 1.10.x與1.9.x參數名對照表

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

選項(Options)

匈牙利式 駝峯式 含義
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有不少,下面沒有所有列出來。關於如何使用它,請參考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 版本號碼的兼容性檢查功能

https://datatables.net/upgrade/1.10-convert.html 瀏覽器

Translation from DataTables.net, with permission
相關文章
相關標籤/搜索