2011-08-26 36 views
1

DataTables examples中,我看到當鼠標懸停在可排序列標題上方時,鼠標光標發生變化以指示鏈接。但是,我在自己的項目中沒有得到同樣的效果。我配置數據表所示(與jQuery UI的主題化的ThemeRoller):有了jQuery DataTables,我該如何讓鼠標光標更改爲可排序的列標題?

$('#build-table').dataTable({ 
    'aaSorting': [[1, 'desc'], [0, 'asc'], [2, 'asc']], 
    'bJQueryUI': true, 
    }); 

如何獲得鼠標光標的行爲,盤旋在可排序的列標題時,該數據表演示?

編輯

我知道這是可行的CSS,但不知道是否有什麼現成的數據表演示所有的工作都是這樣。

+0

使用CSS,例如:光標:指針; –

回答

3

我並不熟悉dataTable(),但最簡單的方法是給可排序的列一個類,並使用CSS cursor:pointer;屬性使鼠標指示它是可點擊的。

+0

從檢查DataTable演示,我發現它在演示CSS中指定,所以這是解決方案。 – aknuds1

2

的數據表演示都使用demo_table.css這條規則:

table.display thead th { 
    padding: 3px 18px 3px 10px; 
    border-bottom: 1px solid black; 
    font-weight: bold; 
    cursor: pointer; /*This is what you want*/ 
    * cursor: hand; 
}