Я использую JQuery DataTables и у меня есть один столбец, который выглядит, как показано ниже:столбец сортировки по значению, кроме содержимого ячейки
<td><span class="badge"> 123 </span> <span> customer name </span></td>
т.е. я поставил первый некоторое число (ID), то фактическое имя который я хочу сортировать.
Как можно корректно сортировать таблицы данных jQuery по имени клиента?
Используйте атрибут data-order на элементе td, как показано на странице this example.
<td data-order="customer name">
<span class="badge"> 123 </span>
<span> customer name </span>
</td>
Это то, что я искал. Теперь я пытаюсь сделать то же самое с данными JSON ajax (для другой таблицы). Для моей таблицы DOM это работает. – user3599803
Вы можете сделать это с помощью 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.dataTables.min.js после включения JQuery. Вы можете найти более подробную информацию об этом here
Почему бы вам не форматировать: «имя клиента 123», я не думаю, что есть простой способ сделать это так, как вы хотите – Miguel
Я делал это раньше, но он просто выглядел плохо (цифры должны быть выровнены). Сортировка работала, когда я переключал порядок элементов внутри td. И вообще, я предпочитаю номер перед именем. – user3599803
Хорошо, если вам это нужно ... Я думаю, вы можете начать с: https://datatables.net/plug-ins/sorting/, https: // datatables. net/development/sorting – Miguel