获取表
问题描述:
的重要性排序我要保存表的排序顺序和更新时,它应该排序的保存状态。获取表
我使用的tablesorter jQuery插件为表
我用JavaScript来将它们存储在localStorage的排序,但它是将整台
JavaScript代码:
$("#videoTable").on("sortEnd", function SaveSortOrder() {
var table_layout = $('#videoTable')[0].innerHTML;
localStorage.setItem("tableLayout",table_layout);
});
HTML代码:
<table class="table sortable" id="videoTable">
<thead>
<tr valign="middle">
<th data-sort="name" class="tooltipPoint col-lg-4" style="text-align:left;">Name <i class="fa fa-sort" aria-hidden="true"></i></th>
<th data-sort="name" class="tooltipPoint text-center" nowrap>Status <i class="fa fa-sort" aria-hidden="true"></i></th>
<th class="unclickable text-center">Action</th>
</tr>
</thead>
<tbody>
The body will be generated dynamically.
</tbody>
</table>
有没有办法只检索我们正在排序的标题或列(表中列的索引),以便我可以根据结果修改类。
对不起,我英文不好。提前致谢。
答
- 排序列。仅保存什么样的列排序方式(不知道如何摆脱当前的tablesorter排序)
- 在页面加载检查,如果任何形式保存在本地存储。
- 如果是这样,应用sortList。
你应该考虑新的数据可以添加。这就是为什么你的解决方案不对。
答
我不知道如果我理解正确你的问题,但如果你想添加一个类到了排序,你可以管理,在表头的水平列,沿着该线的东西:
jQuery("#videoTable th.tooltipPoint").on("click",function(){
jQuery("#videoTable th.tooltipPoint").removeClass("sorted");
jQuery(this).addClass("sorted");
});
请显示HTML部分。 –
*“...但它是存储整个表...”*好的。是的。这就是你明确告诉它要做的。你检查了TableSorter文档吗?你发现了什么? –
@RaxWeber:很难看出为什么这里有关。 –