Заголовок столбца datatables отражает значение, используемое для сортировки

Question

У меня datatables настроено примерно с 10 столбцами, два из которых выполняют настраиваемую фильтрацию при нажатии на заголовки столбцов.

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

Чтобы сделать это, я думаю, мне нужно настроить fnDrawCallback и посмотреть значения, возвращаемые table.fnSettings ()

Мой текущий код, обрезанный доего основные вопросы для этого вопроса:

var table = $('#units').dataTable({
    "aaSorting": (popSearch) ? [[8,"asc"]] : [],
    "aoColumns":[{ "bSortable": false },
                { "bSortable": false },
        { "asSorting": [ "", "on", "off", "occ", "none" ] },
                null,
                null,
        { "asSorting": [ "", "revised", "new" ] },
                null,
                null,
                { "bSortable": false },
                { "bSortable": false }
                ],
    "oSearch": {"sSearch": searchString},
    "sAjaxSource": "/system/units/data.php?1.4.3"
    },
    "fnDrawCallback": function() {
            /* tweak column headers according to the asSorting value */
    }
});

Массивы asSorting в массиве aoColumns показывают список различных фильтров, которые могут применяться к данным, передаваемым в таблицы данных.Если щелкнуть заголовок третьего столбца (Статус), я бы хотел, чтобы его текст совпадал с тем, какие данные были отправлены (возвращаясь к «состоянию», если была отправлена ​​пустая строка).Фильтрация работает, отлично;Я просто хочу, чтобы заголовок отражал примененный фильтр.

В функции Datatables fnDrawCallback как узнать, какие значения были отправлены для сортировки столбцов?

Answer 1

Чтобы включить сортировку столбца и визуально его увидеть, все, что вам нужно сделать, это добавить

"bSortClasses": true,

в сценарий таблиц данных.Например:

"aaSorting": (popSearch) ? [[8,"asc"]] : [],
"bSortClasses": true,
...

Вы должны увидеть, какой столбец используется в качестве сортировщика.:)