Question

我正在使用jQuery DataTables，我有一个列如下所示：

<td><span class="badge"> 123 </span>  <span> customer name </span></td>

即，我先输入一些数字（ID），然后是我想要排序的实际名称。

如何告诉jQuery DataTables按客户名称正确排序？

Answer 1

使用data-order元素上的td属性，如this example所示。

<td data-order="customer name">
   <span class="badge"> 123 </span>  
   <span> customer name </span>
</td>

Answer 2

你可以用jQuery做到这一点。

<table id="example" cellspacing="0" width="100%">
    <thead>
        <tr>
            <th>ID</th>
            <th>Name</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>12</td>
            <td data-search>Paul</td>
        </tr>
        <tr>
            <td>13</td>
            <td data-search>Nickson</td>
        </tr>
    </tbody>
 </table>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" charset="utf8" src="jquery.dataTables.min.js"></script>
<script>
     $(document).ready(function() {
         $('#example').DataTable();
     } );
</script>

在包含jquery之后，你必须添加jquery.dataTables.min.js。您可以找到有关此here

的更多信息

按单元格内容以外的值对列进行排序

2 个答案: