datatables中的Options總結(1)_ZenDei技術網路在線

datatables中的Options總結(1)

-Advertisement-

datatables中的Options總結(1) 最近一直研究dataTables插件，下麵是總結的所有的選項內容，用了幫助學習datatables插件。這些選項的配置在$().Datatable（）構造函數中進行。一、dataTable的特性 autoWidth 功能控制的datatable“ ...

datatables中的Options總結(1)

最近一直研究dataTables插件，下麵是總結的所有的選項內容，用了幫助學習datatables插件。

這些選項的配置在$().Datatable（）構造函數中進行。

一、dataTable的特性

`autoWidth`	功能控制的datatable“智能列寬處理
`deferRender`	功能控制延遲渲染額外的初始化速度。
`info`	功能控製表信息顯示領域
`jQueryUI`	使用標記和類表由jQuery UI ThemeRoller主題。
`lengthChange`	功能控制終端用戶的能力改變分頁顯示表的長度。
`ordering`	功能控制在datatable中排序(排序)的能力。
`paging`	啟用或禁用表分頁。
`processing`	功能控制的處理指標。
`scrollX`	水平滾動
`scrollY`	垂直滾動
`searching`	功能控制搜索(過濾)的能力
`serverSide`	功能控制的datatable的伺服器端處理模式。
`stateSave`	國家儲蓄——恢復表狀態頁面重新載入

二、datatable -數據
`ajax.data`	添加或修改數據提交給伺服器在一個Ajax請求
`ajax.dataSrc`	表數據的數據屬性或操作方法
`ajax`	從一個Ajax載入數據表的內容來源
`data`	數據表的顯示數據。

三、datatable-回調
`createdRow`	回調時TR元素創建表的身體。
`drawCallback`	每次調用函數的datatable執行一場平局。
`footerCallback`	頁腳顯示回調函數。
`formatNumber`	數字格式回調函數。
`headerCallback`	頭顯示回調函數。
`infoCallback`	摘要信息表顯示回調。
`initComplete`	初始化完成回調。
`preDrawCallback`	Pre-draw回調。
`rowCallback`	行畫回調。
`stateLoadCallback`	回調函數定義在哪裡以及如何保存的狀態應該是載入。
`stateLoaded`	載入回調狀態。
`stateLoadParams`	載入狀態,數據操作的回調函數
`stateSaveCallback`	回調,它定義瞭如何存儲,表狀態。
`stateSaveParams`	狀態保存,數據操作的回調函數

四、datatable——選項
`deferLoading`	伺服器端數據的載入延遲到第二個畫
`destroy`	摧毀任何現有表匹配選擇器和替換的新選項。
`displayStart`	最初的分頁起點
`dom`	定義表控制元素出現在頁面上,以什麼樣的順序
`lengthMenu`	改變頁面中的選項長度`select`列表。
`order`	首次訂單(排序)適用於桌上
`orderCellsTop`	控制單元的順序事件處理程式將被應用到在一個列
`orderClasses`	突出顯示表中的列被命令的身體
`orderFixed`	訂購總是被應用到表
`orderMulti`	多列排序能力控制。
`pageLength`	改變初始頁面長度(每頁的行數)
`pagingType`	分頁按鈕顯示選項
`renderer`	顯示組件渲染器類型
`retrieve`	檢索一個現有的datatable實例
`rowId`	數據屬性名的datatable將使用設置`tr`元素的DOM id
`scrollCollapse`	允許表減少在高度有限數量的行所示。
`search.caseInsensitive`	控制區分大小寫的過濾選項。
`search.regex`	啟用/禁用轉義正則表達式字元的搜索詞。
`search.search`	設置一個初始過濾條件放在桌子上。
`search.smart`	啟用/禁用的datatable“智能過濾
`search`	在datatable中設置一個初始過濾和/或過濾選項。
`searchCols`	定義一個初始搜索單個列。
`searchDelay`	設置一個節流閥頻率搜索
`stateDuration`	保存的狀態有效性持續時間
`stripeClasses`	設置斑馬條紋類名稱的表中的行。
`tabIndex`	標簽索引控制鍵盤導航

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

HTML5筆記1——HTML5的發展史及標簽的改變

記得第一次接觸HTML5還是在《聯信永益》實習那會兒（2011），當時一個項目技術選型的時候面臨兩種選擇，分別是Silverlight和HTML5，記得當年用的最新的IE瀏覽器版本還是IE9，才剛剛開始支持HTML5。後來考慮到當時各個版本的瀏覽器對HTML5的支持都不怎麼好，最終公司還是選擇了Si ...
H5坦克大戰之【玩家控制坦克移動2】

周一沒有看聖誕大戰，這幾天比較忙也沒有看賽後的報道，今天就先不扯NBA，隨便扯扯自己。昨天在電腦里找東西的時候翻到以前兼職健身教練時的照片，思緒一下子回到學生時代，腦子久久換不過來。現在深深覺得健身和寫代碼真的是兩個極端，一個往死里做（做動作），一個往死里坐（坐椅子），現在的體重和巔峰時期足足差了6 ...
【Web動畫】SVG 線條動畫入門

通常我們說的 Web 動畫，包含了三大類。 CSS3 動畫 javascript 動畫（canvas） html 動畫（SVG）個人認為 3 種動畫各有優劣，實際應用中根據掌握情況作出取捨，本文討論的是我認為 SVG 中在實際項目中非常有應用價值 SVG 線條動畫。舉個慄子 SVG 線條動畫，在 ...
移動瀏覽器相關總結（持續更新）

安卓手機點擊a標簽去除點擊陰影在微信瀏覽器中，鏈接到appstore的跳轉全都被屏蔽了（噁心吧），解決辦法一是通過跳轉到騰訊的微應用（應用寶）中，才能通過它接著跳轉到appstore，但是應用寶規定，必須把app上傳到他們平臺審核通過後才能有這個功能，和蘋果商店類似，但是如果沒有安卓版本的app， ...
react-echarts之折線圖的顯示

react中想要實現折線圖和餅圖的功能，需要引入react-echarts包，然後再實現折線圖的功能。我這裡引用的版本是：0.1.1。其他的寫法參echarts官網即可。下麵詳細講解的是我在react+redux+router+webpack+antd腳手架上面完成的折線圖和餅圖。這篇文章主要講解 ...
css3 linear-gradient實現購物車地址選擇信封效果

對於css3的漸變前端的童鞋一定不陌生，在一些電商網站會為了美化將地址選擇做成信封樣式（個人感覺很稀飯~），看了一下它的實現方式，大多數是以圖片的形式，持著優化的心態嘗試著用css3 linear-gradient實現信封效果一下是效果圖下麵我們開始嘍~ html結構如下： <div class= ...
datatables中的Options總結(3)

datatables中的Options總結(3) colReorder.fixedColumnsLeft 不允許x列重新排序(從左數) colReorder.fixedColumnsRight 不允許x列重新排序(從右邊數) colReorder.order 設置一個預設訂單表中的列 colReor ...
Date小技巧：set相關操作及應用_獲取當前月（季度/年）的最後一天

set操作還是有不少的，具體見 http://www.w3school.com.cn/jsref/jsref_obj_date.asp，今天我就只說 setFullYear, setMonth, setDate，因為今天的應用只涉及到這三個。這3個方法顧名思義分別設置年、月、日，之前我所瞭解到的 ...