2016-11-11 103 views
1

我使用tablesorter jquery(jquery.tablesorter.js)來排序我的網頁中的表信息。和它運作良好如何在默認情況下將tablesorter設置爲低到高?

我添加了一個ID,以表對這樣的數據進行排序:

<table id="keywords"> 

,我用下面的腳本功能基礎上表中的數據進行排序:

$(function(){ 
$('#keywords').tablesorter(); 
}); 

但我需要點擊表數據將被排序。

這裏是我的問題:

>基於表列作爲默認號碼如何設置從低到高?

例如:當我們打開頁面時,表格信息會根據低到高(默認)自動排序。但是如果我們點擊Table thead,那麼它將被相應地排序。

在此先感謝

+1

如果你是從填充數據庫表就可以更新您的查詢,以便它可以按照您想要的順序獲取數據。 –

回答

1

在JavaScript中,您可以初始化特定列的順序。您可以使用逗號分隔符來添加多個列。

以下是單列示例。

$(document).ready(function() { 
    // call the tablesorter plugin 
    $("yourtable").tablesorter({ 
     // sort on the first column, order asc 
     sortList: [[0,0]] 
    }); 
}); 

以下是多欄的示例。

$(document).ready(function() { 
    // call the tablesorter plugin 
    $("yourtable").tablesorter({ 
     // sort on the first column and third column, order asc 
     sortList: [[0,0],[2,0]] 
    }); 
}); 

有通過在標記

<table class="tablesorter {sortlist: [[0,0],[4,0]]}" cellspacing="1"> 

與元數據排序的順序作爲參考做的另一種方式:

Set a initial sorting order

Sorting order with metadata

+1

注意:如果您計劃使用元數據,您將需要jQuery插件:https://github.com/jquery-archive/jquery-metadata – Mottie

+0

@Mottie感謝您補充。 –

1

的最佳方式根據c自動將數據排序爲默認值olumns,我們可以使用下面的代碼:

sortList: [[5,0]] 

基於列數,如果我們有一個例子:一個錶王氏10列,但我們要排序從低到高僅列6從左正確的,那麼我們就可以使用上面腳本sortlist中,如果我們有兩列,我們可以這樣對它們進行排序:[[0,0],[1,0]

+0

「,如果我們有兩個表格,我們可以像這樣排序:[[0,0],[1,0]]」這怎麼可能?兩張桌子?你的意思是兩列嗎? –

+0

是的,這是正確的,兩列,但如果你想排序不同列的兩個不同的表,你可以使用$(「。table1」)。tablesorter表1和$(「。table2「)。tablesorter for table 2,然後按sortList:[[0,0],[1,0]]對它們進行排序,如上所述 –

+0

是的,這肯定也會起作用。 –

相關問題