Добавлены серийные номера для Datatables (новая реализация 1.10)

Маленькая мразь · Опубликовано 14.11.2017 13:52:30

Плагин Datatables от JQuery очень хорош для создания таблиц.

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

Реализация серийного номера (удобная, неофициальная реализация)
Поскольку данные столбцов могут быть функцией, тогда смотрите данные в параметрах. Оказалось, что действительно были найдены полезные данные, и мы начали работать.

Код таков:

Вход виден.

Суть в следующем предложении
meta.settings._iDisplayStart + meta.row + 1;
После анализа известно, что:
meta.settings._iDisplayStart Стартовый индекс каждой записи отображался;
meta.row+1 — индекс строки текущей страницы, плюс 1 — номер строки;
Сумма этих двух — это серийный номер строки текущего периода.

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

QWERTYU · Опубликовано 14.11.2017 14:44:37

Маленькая мразь · Опубликовано 08.03.2018 14:25:32

имя	тип	описание
Жеребьёвка	integerJS	Количество запросов компенсируется и возвращается как есть каждый раз, когда отправляется на сервер.
Старт	integerJS	Начальная позиция первого фрагмента данных, например, 0 представляет собой первый фрагмент данных
Длина	integerJS	Количество отображаемых элементов на странице.
Поиск[ценность]	stringJS	Глобальные критерии поиска для каждого столбца (для поиска нужно установить true)
Поиск[regex]	booleanJS	Если true означает, что значение глобального поиска обрабатывается как регулярное выражение, если false — нет.
Порядок[колонка]	integerJS	i — это индекс массива, соответствующий столбцам, начинающийся с 0, а подпараметр указывает, какой столбец нужно отсортировать
Порядок[режиссёр]	stringJS	Столбец определен выше, а метод сортировки этого столбца — убывающий asc
Колонки[данные]	stringJS	columnsbinding, определяемый columns.data
Колонки[имя]	stringJS	columns.name
Колонки[поисково]	booleanJS	Можно ли поискать отмеченный столбец по true — да, иначе нельзя, что контролируется columns.searchable
Колонки[можно заказать]	booleanJS	Можно ли отсортировать отмеченные столбцы по true, значит да, иначе нет, это контролируется columns.orderabl
Колонки[поиск] [ценность]	stringJS	Критерии поиска по конкретным колонкам
Колонки[поиск] [regex]	booleanJS	Считаются ли критерии поиска для конкретного столбца регулярными выражениями

[Jquery] Добавлены серийные номера для Datatables (новая реализация 1.10)

Связанные публикации

Просмотренные разделы