使用jquery或Javascript进行自定义表格排序

utij2004

我有下表,其中包含三列(ID,日期和源)。我想根据“源列”对该表进行排序我不想对字母或数字进行排序。我希望它们的排序方式像ON源中的所有行都将首先出现在表中,然后MB源中的所有行都将出现在表中,依此类推,使用Javascriptjquery我搜索了几乎所有与排序相关的线程。但是我没有解决这个问题。我对此并不陌生,所以请帮助我完成这项工作。非常感谢您的帮助。

<table>
 <tr>
    <th>ID</th>
    <th>Date</th>
    <th>Source</th>
  </tr>
  <tr>
    <td>50</td>
    <td>2012-01-01</td>
    <td>ON</td>
  </tr>
  <tr>
    <td>94</td>
    <td>2013-06-05</td>
    <td>MB</td>
  </tr>
  <tr>
    <td>80</td>
    <td>2011-07-08</td>
    <td>AB</td>
  </tr>
  <tr>
    <td>50</td>
    <td>2012-01-01</td>
    <td>ON</td>
  </tr>
  <tr>
    <td>50</td>
    <td>2012-01-01</td>
    <td>MB</td>
  </tr>
</table>
查理

由于来源已知,可以制作顺序数组,并使用该数组索引进行排序

var sorters =['ON','AB','MB']

var $rows = $('tr:gt(0)').sort(function(a, b){
    var aSrcIdx =sorters.indexOf( $(a).find('td:last').text() );
    var bSrcIdx = sorters.indexOf( $(b).find('td:last').text());

    return aSrcIdx >  bSrcIdx;    
});

$('table').append($rows);

我独自留下了html,但是可以肯定地通过数据属性对其进行改进,以使其更加高效

DEMO

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

使用 JQuery 数据表进行自定义排序

使用Google脚本对Google表格中的数据进行排序(具有自定义排序顺序)

使用Jquery Datatables对数据排序属性中的值进行自定义排序

使用mergesort vs自定义排序对arraylist进行排序

如何使用Unix排序进行自定义排序?

使用自定义排序算法对卡片组进行排序

jQuery dataTables:使用自定义过滤器对表进行排序会导致行消失

Google 表格:使用自定义标题进行分组 QUERY()

Javascript自定义按年份使用“前一年”对对象数组进行排序

反应自定义表格排序

Javascript自定义排序

使用自定义比较器对ArrayList <String>进行排序

使用自定义API进行排序-removeAndAppend

使用自定义顺序对 Django 查询集进行排序

使用Angular的orderBy指令进行自定义排序

使用自定义谓词对numpy数组进行排序

使用自定义列表对Dataweave进行排序

使用AngularJs在ngTable中进行自定义排序

使用pageable对自定义JPA查询进行排序

使用自定义联接表主键对BelongsToMany进行排序

使用Spinner Android对自定义Listview项进行排序

使用const成员对自定义对象的向量进行排序

使用自定义属性对FieldList进行排序

使用自定义比较功能进行c ++排序

在ruby中使用自定义值系统进行排序

使用自定义IComparer按日期对DataGridView进行排序

Swift:使用自定义顺序按键对字典进行排序

使用 Nest 库进行弹性搜索自定义排序

使用jQuery Tablesorter自定义字母数字排序