DataTables – это популярная библиотека JavaScript, предоставляющая мощный и гибкий способ отображения табличных данных и управления ими на веб-страницах. Одной из ключевых особенностей DataTables является API, который позволяет разработчикам взаимодействовать с таблицей и выполнять различные операции, такие как фильтрация, сортировка и извлечение данных. В этой статье мы рассмотрим методы, предоставляемые DataTables API.columns(), и предоставим примеры кода для демонстрации их использования.

Метод 1: columns().search()
Метод search()позволяет выполнять глобальный поиск по одному или нескольким столбцам таблицы. Он принимает поисковый запрос в качестве параметра и фильтрует таблицу, чтобы отображать только те строки, которые соответствуют поисковому запросу.

// Example usage
table.columns(2).search('John').draw();

Метод 2: columns().order()
Метод order()позволяет указать порядок отображения строк на основе значений в одном или нескольких столбцах. В качестве параметров он принимает массив индексов столбцов и направлений сортировки.

// Example usage
table.columns(1).order('desc').draw();

Метод 3: columns().visible()
Метод visible()позволяет управлять видимостью одного или нескольких столбцов в таблице. В качестве параметра он принимает логическое значение, где trueделает столбец видимым, а falseскрывает его.

// Example usage
table.columns(3).visible(false);

Метод 4: columns().data()
Метод data()возвращает массив данных в указанных столбцах. Его можно использовать для получения значений в одном или нескольких столбцах для дальнейшей обработки или манипулирования.

// Example usage
var columnData = table.columns([0, 1]).data().toArray();

Метод 5: columns().header()
Метод header()возвращает объект jQuery, представляющий ячейки заголовка указанных столбцов. Его можно использовать для доступа к содержимому заголовка или его изменения.

// Example usage
var header = table.columns(2).header();
header.text('New Header');

Метод 6: columns().footer()
Метод footer()возвращает объект jQuery, представляющий ячейки нижнего колонтитула указанных столбцов. Его можно использовать для доступа к содержимому нижнего колонтитула или его изменения.

// Example usage
var footer = table.columns(3).footer();
footer.html('<b>Total:</b>');

DataTables API.columns() предоставляет широкий спектр методов, которые позволяют вам манипулировать и контролировать поведение столбцов в вашей таблице DataTables. В этой статье мы рассмотрели некоторые из наиболее часто используемых методов, включая поиск, порядок, видимость, извлечение данных и манипулирование верхним и нижним колонтитулом. Используя эти методы, вы можете улучшить функциональность и интерактивность таблиц данных в веб-приложениях.