dataTable.NET是一個(gè)jQuery的plug in 第三方的library, 用來實(shí)現(xiàn)web page中table的interaction controls, 另外最近有在用的還有Telerik UI的RadGrid(action需要postback).

dataTable.NET可以通過簡單的setting，使已經(jīng)define好的table columns調(diào)整顯示的順序或是隱藏，還可以對(duì)單個(gè)或多個(gè)columns進(jìn)行sort.

在使用過程中有遇到一些有趣的狀況。

<table id="test-listing"><thead><tr><th>column0</th><th>column1</th><th>column2</th><th>column3</th><th>column4</th></tr></thead><tbody><tr><td>...</td>...</tr>...</tbody> </table>

以上面的table為例，當(dāng)需要在顯示時(shí)對(duì)columns重新排序，並且隱藏某些columns時(shí)

$('#test-listing').DataTable({paging: false,ordering: true,fixedHeader: true,columnDefs: [3,1,4,2,0],colReorder: {order: [{"visible":false, "target":2}],enable: false},"search": {"search": "xxxx"},order: [[4, "asc"]],"dom":"<'row'f>" +"<'row dt-table'" +"<'sixteen wide column'tr>" +">" +"<'row'i>" });

上面的setting，顯示在頁面上的結(jié)果

column3	column1	column4	column0
?	?	?	?

以column4升序排列。在setting中用到index為初始在頁面中定義的column的index。

?當(dāng)table已經(jīng)load結(jié)束，可以使用下面的方法獲取當(dāng)前的排序:

var table = $('#test-listing').dataTable(); var currentSort = table.fnSettings().aaSorting;

得到的sort會(huì)是以當(dāng)前顯示的colums的index為準(zhǔn)，[[2, "asc"]]

如果需要將抓到的當(dāng)前sort存至cookie，下次頁面顯示時(shí)做為setting使用的話，記得先做轉(zhuǎn)換處理。

轉(zhuǎn)載于:https://www.cnblogs.com/sipher/p/11235499.html

總結(jié)

以上是生活随笔為你收集整理的dataTable.NET的column index的不同定義的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。