使用sorttable.js对表进行自动排序

Question

我正在尝试使用以下脚本对html表进行排序：http://www.kryogenix.org/code/browser/sorttable/

JS代码本身：http://www.kryogenix.org/code/browser/sorttable/sorttable.js

我使用了customkey选项，当我单击标题时，它会起作用。我想在页面加载时根据该customkey自动排序。我该怎么做呢？我想使用这个特定的脚本。我尝试了window.onload，但没有成功。

Answer 1

加载页面后，只需单击要排序的标题列即可。尝试使用以下javascript代码。我假设页面中只有一个表。也许您需要更具体地使用getElementsByTagName或getElementById。[1]是列号。在此之前，您不需要附加单击处理程序，因为该任务是由sorttable.js的代码完成的。

<script src="js/sorttable.js"></script>
<script>
    window.onload = function() {
        (document.getElementsByTagName( 'th' )[1]).click();
    };
</script>

Answer 2

我解决这个问题的方式略有不同。在我想要在页面加载上单击的任何表头上，我添加了data-autoclick="true"。然后在我的主应用程序JavaScript中，我添加了

<script>
    window.onload = function() {
        $('[data-autoclick="true"]').click();
    };
</script>

Answer 3

如何使用

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
        content: " \25B4\25BE" 
    }

在动态表中。