Как изменить количество строк при отображении результатов поиска по алфавиту

Я использую DataTables для создания таблицы, которая может динамически фильтровать контекст. Я следую основному примеру здесь.

Тем не менее, я хочу сделать одну настройку: отобразить результаты в алфавитном порядке в моей таблице с "строкой заголовка" для каждой буквы алфавита. Например:

Я сделал это успешно (используя Django templating на стороне сервера для вывода), но нижний колонтитул Datatables показывает по умолчанию, теперь неверен, поскольку он подсчитывает строки заголовков. В приведенном выше примере он гласит:

Копаем дальше, доступ к информационному результату осуществляется через API как "language": {"info": "Showing START to END of TOTAL entries",}.

У меня есть возможность подсчитывать и сохранять строки заголовков в виде переменной (например, var headercount = 3) из моего шаблона Django.

Как изменить START, END и TOTAL в API DataTables, чтобы они были точными на каждой странице при циклическом переходе через?

Ответы

Ответ 1

РЕШЕНИЕ № 1

Вы можете использовать infoCallback для определения функции, которая будет вызываться, когда информация о таблице будет отображаться.

Например, поведение по умолчанию может быть достигнуто с помощью кода ниже.

var table = $('#example').DataTable({
   "infoCallback": function(settings, start, end, max, total, pre){
      return "Showing " + start + " to " + end + " of " + total + " entries"
         + ((total !== max) ? " (filtered from " + max + " total entries)" : "");
   }        
});

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

Смотрите этот jsFiddle для кода и демонстрации.

РЕШЕНИЕ # 2

Альтернативным решением было бы использовать JavaScript, а не статический HTML-код для алфавитной таблицы, аналогично Пример группировки строк.

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

Смотрите этот jsFiddle для кода и демонстрации.

РЕШЕНИЕ № 3

Используйте AlphabetSearch plugin, который добавляет поддержку поиска в алфавитном порядке.