首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >JavaScriptDataTable如何自定义排序?

JavaScriptDataTable如何自定义排序?
EN

Stack Overflow用户
提问于 2018-08-15 07:27:16
回答 1查看 0关注 0票数 0

我想按自定义顺序对DataTable进行排序。例如,人员的职位/级别。不是用数字,也不是按字母排序。有人有什么想法吗?

<table id="example" class="display" style="width:100%">
<thead>
  <tr>
    <th>Name</th>
    <th>Position</th>
    <th>Office</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Tiger Nixon</td>
    <td>Manager</td>
    <td>Edinburgh</td>
  </tr>
  <tr>
    <td>Garrett Winters</td>
    <td>CEO</td>
    <td>Tokyo</td>
  </tr>
  <tr>
    <td>Ashton Cox</td>
    <td>Janitor</td>
    <td>San Francisco</td>
  </tr>
</tbody>
<table>

我试了一下,但搞不懂

$(document).ready(function() {
  $('#example').DataTable({
    "columnDefs": [{
        "type": "CEO",
        "targets": 1
      },
      {
        "type": "Manager",
        "targets": 2
      } {
        "type": "Janitor",
        "targets": 3
      }
    ]
  });
});
EN

回答 1

Stack Overflow用户

发布于 2018-08-15 16:50:38

我想出来了

$.fn.dataTable.ext.type.order['ranking-pre'] = function ( d ) {
    switch ( d ) {
        case 'CEO':    return 1;
        case 'Manager': return 2;
        case 'Janitor':   return 3;
    }
    return 0;
};

$('#example').dataTable( {

"columnDefs": [ {
            "type": "ranking-level",
            "targets": 1
        } ]

});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100002194

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档