HTML表格排序自定义列排序

HTML表格排序自定义列排序,html,sorting,html-table,Html,Sorting,Html Table,我有一个表,我想在其中对列“BugId”进行排序 内置的引导排序以一种特定的方式进行排序,其中ID-1后面跟着ID-11,然后是ID-12等等(以字母的方式),而我希望ID-1后面跟着ID-2,然后是ID-3…ID-11等等(以数字的方式) 这是我的桌子的外观: <table id="myTable" class="footable table table-striped toggle-arrow-tiny m-xxs" data-page-size="1000"> <the

我有一个表,我想在其中对列“BugId”进行排序

内置的引导排序以一种特定的方式进行排序,其中ID-1后面跟着ID-11,然后是ID-12等等(以字母的方式),而我希望ID-1后面跟着ID-2,然后是ID-3…ID-11等等(以数字的方式)

这是我的桌子的外观:

<table id="myTable" class="footable table table-striped toggle-arrow-tiny m-xxs" data-page-size="1000">
 <thead>
  <tr>
     <th >Bug ID</th>
     <th>Component</th>
     <th data-sort-ignore="true">Report Date</th>
  </tr>
</thead> 
<tbody></tbody>
</table>

错误ID
组成部分
报告日期
我可以以这种方式更改一列的排序吗?


<table data-toggle="table" id="myTable" class="footable table table-striped toggle-arrow-tiny m-xxs" data-page-size="1000">
 <thead>
  <tr>
     <th data-field="bugid" data-sortable="true" data-sort-name="_bugid_data" data-sorter="bugidsorter" >Bug ID</th>
     <th data-field="component" data-sortable="true"  >Component</th>
     <th data-sort-ignore="true">Report Date</th>
  </tr>

</thead> 
<tbody><tr>
      <td data-bugid="1">id-1</td>
      <td >x</td>
      <td>11/12/2015</td>
    </tr>
      <tr>
      <td data-bugid="2" >id-2</td>
      <td >a</td>
      <td>11/12/2015</td>
    </tr>
    <tr>
      <td data-bugid="3">id-3</td>
      <td >b</td>
      <td>11/12/2015</td>
    </tr>
    <tr>
      <td data-bugid="4">id-4</td>
      <td >c</td>
      <td>11/12/2015</td>
    </tr>
    <tr>
      <td data-bugid="5">id-5</td>
      <td >d</td>
      <td>11/12/2015</td>
    </tr>
    <tr>
      <td data-bugid="6">id-6</td>
      <td >e</td>
      <td>11/12/2015</td>
    </tr>
      <tr>
      <td data-bugid="10">id-10</td>
      <td >e</td>
      <td>11/12/2015</td>
    </tr>
    </tbody>
</table>
错误ID 组成部分 报告日期 id-1 x 11/12/2015 id-2 A. 11/12/2015 id-3 B 11/12/2015 id-4 C 11/12/2015 id-5 D 11/12/2015 id-6 E 11/12/2015 id-10 E 11/12/2015
排序功能

function bugidsorter(a, b) {
console.log(a);
    if (a.bugid < b.bugid) return -1;
    if (a.bugid > b.bugid) return 1;
    return 0;
}
函数bugidsorter(a,b){
控制台日志(a);
if(a.bugidb.bugid)返回1;
返回0;
}


错误ID
组成部分
报告日期
id-1
x
11/12/2015
id-2
A.
11/12/2015
id-3
B
11/12/2015
id-4
C
11/12/2015
id-5
D
11/12/2015
id-6
E
11/12/2015
id-10
E
11/12/2015
排序功能

function bugidsorter(a, b) {
console.log(a);
    if (a.bugid < b.bugid) return -1;
    if (a.bugid > b.bugid) return 1;
    return 0;
}
函数bugidsorter(a,b){
控制台日志(a);
if(a.bugidb.bugid)返回1;
返回0;
}

Possbile duplicate的Possbile duplicate如果您只使用数字,请将id更改为id-1、id-2并添加id-10,它会将id-10放在id-2之前。否,您无法看到此处的要点。添加一个id-10,你;我会看到它放在id-2之前。您尚未对以前的和更新的代码进行任何更改。你有吗?@Neha是的,我有。但我没有,我抓到你了。让我再检查一下。我想说的是,如果你包括id-10和id-11,因为它按字母顺序排列,它会按如下顺序排列:id-1,id-10,id-11,id-2。我想要的是:id-1,id-2,id-10,id-11。我得到了你。。检查我的最新答案,然后拉小提琴@内哈。事实上,一开始我误解了你的问题。你只使用数字,将id改为id-1,id-2并添加id-10,它会将id-10放在id-2之前。不,你看不到这里的要点。添加一个id-10,你;我会看到它放在id-2之前。您尚未对以前的和更新的代码进行任何更改。你有吗?@Neha是的,我有。但我没有,我抓到你了。让我再检查一下。我想说的是,如果你包括id-10和id-11,因为它按字母顺序排列,它会按如下顺序排列:id-1,id-10,id-11,id-2。我想要的是:id-1,id-2,id-10,id-11。我得到了你。。检查我的最新答案,然后拉小提琴@内哈。实际上,一开始我误解了你的问题。