使用js脚本对引导表进行排序

Question

我知道bootstrap能够在2.0中对表进行排序。 我正在网上寻找我的排序问题的解决方案，我找到了以下好的脚本 http://www.kryogenix.org/code/browser/sorttable/

我现在遇到的问题是箭头（按升序/降序排序）不会立即出现，只有在用户点击表格后才会出现。但是用户永远不会知道他或她可以点击排序而不会看到开头的图标。

我玩这个与图标有关的部分。

  sortfwdind.innerHTML = '<span class="ui-icon ui-icon-triangle-1-s"></span>';
  sortfwdind.className = "ui-icon ui-icon-triangle-1-s";

但是我无法在第一次点击之前显示初始图标。 有什么建议吗？

Answer 1

该库使用纯HTML在表头之后插入行。寻找：

sortrevind.innerHTML = stIsIE ? '&nbsp<font face="webdings">5</font>' : '&nbsp;&#x25B4;';

在源代码中。您可能只想在每个表格标题后添加' ▴'（在第一次点击之前有箭头），然后编辑其innerHTML并在点击事件中删除该图标。

Answer 2

有关实现此目的的一种方法，请参阅sorttable文档中的http://www.kryogenix.org/code/browser/sorttable/#symbolsbeforesorting。