Как отсортировать таблицу с однотипными данными с помощью jQuery - PullRequest
0 голосов
/ 06 июля 2018

У меня есть эта кодовая таблица:

<button type="button" class="btn btn-sortner" data-target="type">Sort By Type</button>

<table>
    <tbody>
        <tr class="sortner" data-status="type">
            <td>Shoes<td>
        </tr>

        <tr class="sortner" data-status="type2">
            <td>Gloves<td>
        </tr>

        <tr class="sortner" data-status="type">
            <td>Shock<td>
        </tr>

        <tr class="sortner" data-status="type2">
            <td>Pad<td>
        </tr>
    </tbody>
</table>

Как отсортировать <tr> с тем же статусом данных, используя jQuery? Я смотрю на эту функцию jQuery, но я не знаю, как сортировать:

$(document).ready(function () {
    $('.btn-sortner').on('click', function () {
        var $target = $(this).data('target');
        var $type_row = $('tr.sortner').data('status');

        if ($target == $type_row) {
            //do sortof the table with the same type row
        }
    });
});

1 Ответ

0 голосов
/ 06 июля 2018

думаю, что вы хотите функцию сортировки.

 data.sort(function(a, b) {
          return (a.status > b.status) ? 1 : ((b.status > a.status) ? -1 : 0)
        })

Вот скрипка ваших данных, где вы можете сортировать по статусу или имени.

https://jsfiddle.net/5mshnLj2/

...