使用sorttable.js無法排序html表格

我無法嘗試對動態創建的html表格進行排序。我用玉/帕格創建它。我正在嘗試使用這裏找到的sorttable.js腳本http://www.kryogenix.org/code/browser/sorttable/。我對html/javascript仍然很陌生。所以，如果有一些明顯的原因，爲什麼它不工作可以請人指出？使用sorttable.js無法排序html表格

下面是一些從模板

<html> 
    <head> 
    <script src="/path/to/sorttable.js"></script> 
    <style> 
    th.clickable:hover 
    { 
    color:green 
    }  
    th, td 
    { 
    padding:5px; 
    } 
    th.clickable 
    { 
    cursor: pointer;  
    } 
    </style> 
</head> 
<body> 
<script> 
    var newTableObject = document.getElementById(tbl) 
    sorttable.makeSortable(newTableObject) 
</script> 
<table class="sortable" id="tbl"> 
    <tr> 
    <th class="clickable">id</th> 
    <th class="clickable">value</th> 
    </tr> 
    <tr> 
    <td>100</td> 
    <td>100</td> 
</tr> 
    <tr> 
    <td>200</td> 
    <td>200</td> 
</tr> 
</table> 
</body> 
</html>

的目標是有它所以當我點擊它按該列排序表頭生成的HTML代碼。

來源

2016-07-26 user2770808

在你的代碼執行時間：

var newTableObject = document.getElementById(tbl) 
sorttable.makeSortable(newTableObject)

表有沒有渲染的，是不可用的。所以你，將undefined傳遞給sorttable.makeSortable方法。您可以通過在獲取元素後添加一條跟蹤語句來測試：

var newTableObject = document.getElementById(tbl) 
console.log(newTableObject)

您應該等待在表格呈現後觸發此代碼。事情是這樣的：

onLoad = function(){ 
    var newTableObject = document.getElementById(tbl) 
    sorttable.makeSortable(newTableObject) 
}

，並聲明如下所示：

// using jQ 
$(document).ready(onLoad())

或純JS

<body onload="onload()">

來源

2016-07-26 19:22:27 jusopi

或者您可以嘗試將您的腳本塊移動到您的聲明表下，但這不是最好的，最明顯的解決方案。 – jusopi

嘗試兩個，仍然沒有運氣：\ – user2770808

適合我（即被稱爲onload和表不被定義）http://codepen.io/jusopi/pen/pbKymd – jusopi

請原諒，如果這是已經知道...但腳本標籤只要瀏覽器遇到它就會被讀取和執行。你有沒有嘗試把腳本標籤放在你的表格後面？

來源

2016-07-26 19:24:53 brad

使用sorttable.js無法排序html表格

回答

相關問題