Свойство столбцов jQWidgets jqxDataTable

jQWidgets — это JavaScript-фреймворк для создания веб-приложений для ПК и мобильных устройств. Это очень мощная, оптимизированная, независимая от платформы и широко поддерживаемая платформа. jqxDataTable используется для чтения и отображения данных из таблицы HTML. Это также используется для отображения данных из различных источников данных, таких как XML, JSON и Array.

Свойство columns используется для установки столбцов отображаемой таблицы jqxDataTable. Это тип массива, и его значение по умолчанию — [].

Свойства столбцов:

• поле данных: это указанное поле данных столбца.
• текст: это указанное имя столбца.
• displayfield: отображает поле указанного столбца.
• sortable: указывает, можно ли сортировать столбец или нет.
• фильтруемый: указывает, является ли столбец фильтруемым или нет.
• filter: устанавливает фильтр инициализации столбца.
• группа столбцов: определяет имя родительской группы столбцов.
• enabletooltips: определяет, включены ли всплывающие подсказки.
• экспортируемый: указывает, экспортируется ли столбец или нет.
• редактируемый: указывает, доступен ли столбец для редактирования или нет.
• группируемый: указывает, является ли столбец группируемым или нет.
• resizable: указывает, можно ли изменить размер столбца или нет.
• draggable: указывает, можно ли перетаскивать столбец или нет.
• имя класса: определяет имя класса.
• cellclassname: определяет имя класса ячейки.
• ширина: определяет ширину указанного столбца.
• меню: определяет, есть ли у столбца всплывающее меню или нет.

Синтаксис:

• Задайте свойство столбцов .

$("Selector").jqxDataTable({ columns: [] });

Связанные файлы: Загрузите jQWidgets по данной ссылке. В файле HTML найдите файлы сценариев в загруженной папке.

<link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”scripts/jquery.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxdata.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxbuttons.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxscrollbar.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxlistbox.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxdropdownlist.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxdatatable.js”></script>

Пример 1: В приведенном ниже примере показано свойство столбцов jqxDataTable в jQWidgets.

Выход:

Пример 2: Ниже приведен еще один пример, иллюстрирующий свойство столбцов jqxDataTable в jQWidgets путем установки его значения как []. Здесь данные не загружаются, так как поле столбца пусто.

Выход:

Ссылка: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxdatatable/jquery-datatable-api.htm