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" 
    }

在动态表中。

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

3 个答案: