适用于FF28但不适用于IE8,我也没有收到任何错误消息。我正在使用tablesorter 2.15.14和jQuery JavaScript Library v1.10.2
<head>
<script type="text/javascript" src="jquery-latest.js"></script>
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<script>
$(document).ready(function()
{
$("table").tablesorter( {sortList: [[1,1]]} );
});
</script>
</head>
只有在IE8中有效的是CSS,当我点击标题使其升序和降序时,标题的颜色会发生变化,但表格保持不变并且不会排序。
th.tablesorter-headerDesc {
background-color: #3399FF;
}
th.tablesorter-headerAsc {
background-color: #FF8080;
}
我使用的其中一个表(使用js从.csv文件填充表格)
<div id="origtable">
<table border="1" id="table_side" class="tablesorter">
<thead>
<tr>
<th>Origin <br> Country</th>
<th>Count</th>
</tr>
</thead>
<tbody></tbody>
</table>
</div>
我查看了文档并尝试了几种方法,它们都与FF配合使用,但IE8仍然没有。
编辑1:
我用来填充html表的jquery函数,这是从.csv读取后的。
function populateTableCounts(rowkey, tablename, hashdata)
{
var rowhtml = "";
$.each(hashdata, function (key, value) {
key = key.replace(/-/g, ' / ');
key = key.replace(/:/g, ' , ');
var rowdata=countrow.replace('$row_key', key);
rowdata=rowdata.replace('$row_val', value);
//add row <tr> to var rowhtml
rowhtml += rowdata;
});
//append populated rowhtml to TBODY
$('#' + tablename + ' tbody').append(rowhtml);
}
编辑2:
现在我正在使用像这样的tablesorter,但是在IE8上页面加载时表格没有更新,就像Mottie说的那样,在文件加载后需要进行使用..但我不知道如何那样做。
$(document).ready(function(){
$("table").tablesorter({
sortList: [[1,1]]
});
$("table").trigger("update");
$("table").click(function(){ $("table").trigger("update"); });
});