сортировка DataTables с установкой ложной опции при оформлении заказа - PullRequest
0 голосов
/ 06 марта 2020

Возможно ли установить таблицу сортировки по умолчанию по второму столбцу с отключенной сортировкой изменений?

Я пытаюсь таким образом, но в заголовке второго столбца видна стрелка. Я хочу удалить все стрелки с сортировкой по умолчанию.

var table = data.DataTable({
    "pageLength": 5,
    "lengthChange": false,
    "info" : false,
    "responsive": true,
    "ordering": true,
    "order": [ 1, "asc" ],
    "columnDefs": [{
    "targets": "_all", "orderable": false
    }],
    "data": result,
    "columns": [
        { "data": null },
        { "data": "Class" },
        { "data": "count" },
        { "data": "group" }
        ]
});

table.on('order.dt', function () {
    table.column(0, { search: 'applied', order: 'applied' }).nodes()
    .each(function (cell, i) {
          cell.innerHTML = i + 1;
    });
}).draw();

1 Ответ

1 голос
/ 06 марта 2020

Вы можете использовать эту команду jQuery, чтобы удалить серый треугольник (фоновое изображение) из элемента:

$("th.sorting_desc").css('background-image', 'none');

Это должно быть помещено в конец раздела "готов к документу" (при условии, это то, что вы делаете).

Единственное, что я хотел бы добавить, это: треугольник существует по причине - чтобы сообщить пользователям, как сортируются данные. Я не хотел бы удалять его сам (только мое мнение).

(Ваш "targets": "_all", "orderable": false уже позаботился о вопросе сортировки. Таблица не сортируется пользователем, как только она была отображена. )

Обновление

Вы также можете остановить изменение курсора при наведении курсора на таблицу (для согласованности интерфейса):

$("th.sorting_desc").css('cursor', 'default');

(проверено только в Firefox и Chrome.)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...