获取表

问题描述:

的重要性排序我要保存表的排序顺序和更新时,它应该排序的保存状态。获取表

我使用的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> 

有没有办法只检索我们正在排序的标题或列(表中列的索引),以便我可以根据结果修改类。

对不起,我英文不好。提前致谢。

+0

请显示HTML部分。 –

+1

*“...但它是存储整个表...”*好的。是的。这就是你明确告诉它要做的。你检查了TableSorter文档吗?你发现了什么? –

+0

@RaxWeber:很难看出为什么这里有关。 –

  1. 排序列。仅保存什么样的列排序方式(不知道如何摆脱当前的tablesorter排序)
  2. 在页面加载检查,如果任何形式保存在本地存储。
  3. 如果是这样,应用sortList。

你应该考虑新的数据可以添加。这就是为什么你的解决方案不对。

我不知道如果我理解正确你的问题,但如果你想添加一个类到了排序,你可以管理,在表头的水平列,沿着该线的东西:

jQuery("#videoTable th.tooltipPoint").on("click",function(){ 
    jQuery("#videoTable th.tooltipPoint").removeClass("sorted"); 
    jQuery(this).addClass("sorted"); 
});