Визуализация: Таблица

Если установлено значение true, форматированные значения ячеек, содержащих теги HTML, будут отображаться как HTML. Если установлено значение false, большинство пользовательских средств форматирования не будут работать должным образом.

Определяет, будет ли чередующийся цветовой стиль назначен нечетным и четным строкам.

Объект, в котором каждое имя свойства описывает элемент таблицы, а значение свойства представляет собой строку, определяющую класс, присваиваемый этому элементу таблицы. Используйте это свойство, чтобы назначить пользовательский CSS определенным элементам вашей таблицы. Чтобы использовать это свойство, назначьте объект, где имя свойства указывает элемент таблицы, а значение свойства представляет собой строку, определяющую имя класса, которое нужно присвоить этому элементу. Затем вы должны определить стиль CSS для этого класса на своей странице. Поддерживаются следующие имена свойств:

• headerRow — присваивает имя класса строке заголовка таблицы (элемент <tr> ).
• tableRow — присваивает имя класса строкам без заголовков (элементам <tr> ).
• oddTableRow — присваивает имя класса нечетным строкам таблицы (элементам <tr> ). Примечание. Для параметра alternatingRowStyle должно быть установлено значение true.
• selectedTableRow — присваивает имя класса выбранной строке таблицы (элемент <tr> ).
• hoverTableRow — присваивает имя класса наводимой строке таблицы (элемент <tr> ).
• headerCell — присваивает имя класса всем ячейкам в строке заголовка (элемент <td> ).
• tableCell — присваивает имя класса всем ячейкам таблицы без заголовков (элемент <td> ).
• rowNumberCell — присваивает имя класса ячейкам в столбце номера строки (элемент <td> ). Примечание. Для параметра showRowNumber должно быть установлено значение true.

Пример: var cssClassNames = {headerRow: 'bigAndBoldClass',
hoverTableRow: 'highlightClass'};

Примечание. В CSS некоторые элементы переопределяют другие. Например, если вы укажете цвет фона для элемента <tr> и элемента <td> , последний имеет приоритет над первым. Обязательно укажите все соответствующие стили CSS в cssClassNames , чтобы избежать конфликтов.

Номер строки для первой строки в dataTable. Используется только в том случае, если showRowNumber имеет значение true.

Количество столбцов слева, которые будут заморожены. Эти столбцы останутся на месте при горизонтальной прокрутке остальных столбцов. Если showRowNumber установлено false , установка frozenColumns значения 0 будет выглядеть так же, как если бы для showRowNumber было установлено true null столбец с номером строки будет заморожен.

Устанавливает высоту элемента контейнера визуализации. Вы можете использовать стандартные единицы HTML (например, «100 пикселей», «80em», «60»). Если единицы измерения не указаны, предполагается, что это количество пикселей. Если не указано, браузер автоматически отрегулирует высоту в соответствии с таблицей, максимально сжимаясь при этом; если установлено значение меньше требуемой высоты, в таблице будет добавлена ​​вертикальная полоса прокрутки (строка заголовка также будет зафиксирована). Если установлено значение «100%», таблица максимально расширится до элемента контейнера.

Если и как включить постраничное перелистывание данных. Выберите одно из следующих строковых значений:

• «включить» — в таблице будут кнопки перехода вперед и назад. Нажатие на эти кнопки выполнит операцию перелистывания и изменит отображаемую страницу. Возможно, вы также захотите установить параметр pageSize.
• «событие» — в таблице будут кнопки перемотки вперед и назад, но нажатие на них вызовет событие «страница» и не изменит отображаемую страницу. Эту опцию следует использовать, когда в коде реализована собственная логика перелистывания страниц. См. пример TableQueryWrapper для примера обработки событий подкачки вручную.
• «отключить» — [ по умолчанию ] Пейджинг не поддерживается.
Тип: строка
По умолчанию: «отключить»

Количество строк на каждой странице, если разбиение по страницам включено с помощью параметра страницы.

Устанавливает указанную опцию для кнопок листания. Возможные варианты:

• 'both' - включить кнопки "Предыдущая" и "Следующая"
• «предыдущий» — активна только кнопка «предыдущий»
• «Далее» — активна только кнопка «Далее»
• «авто» — кнопки активируются в соответствии с текущей страницей. На первой странице отображается только следующее. На последней странице отображается только предыдущая. В противном случае оба включены.
• число - количество отображаемых кнопок листания. Это явное число переопределит вычисленное число из pageSize.

Добавляет базовую поддержку языков с письмом справа налево (таких как арабский или иврит), изменяя порядок столбцов таблицы на противоположный, так что нулевой столбец является самым правым столбцом, а последний столбец — самым левым столбцом. Это не влияет на индекс столбца в базовых данных, а только на порядок отображения. Полное двунаправленное языковое отображение (BiDi) не поддерживается визуализацией таблицы даже при использовании этой опции. Этот параметр будет проигнорирован, если вы включите разбивку по страницам (используя параметр страницы) или если в таблице есть полосы прокрутки, поскольку вы указали параметры высоты и ширины, меньшие, чем требуемый размер таблицы.

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

Если установлено значение true, номер строки отображается в качестве первого столбца таблицы.

Если и как сортировать столбцы, когда пользователь щелкает заголовок столбца. Если сортировка включена, рассмотрите возможность установки свойств sortAscending и sortColumn. Выберите одно из следующих строковых значений:

• «включить» — [ по умолчанию ] Пользователи могут щелкать заголовки столбцов для сортировки по выбранному столбцу. Когда пользователи нажимают на заголовок столбца, строки будут автоматически отсортированы и будет запущено событие сортировки.
• «событие» — когда пользователи нажимают на заголовок столбца, запускается событие «сортировка», но строки не сортируются автоматически. Эту опцию следует использовать, когда страница реализует собственную сортировку. См. пример TableQueryWrapper для примера обработки событий сортировки вручную.
• «отключить» — щелчок по заголовку столбца не оказывает никакого эффекта.

Порядок сортировки исходного столбца сортировки. Верно для восходящего, ложно для нисходящего. Игнорируется, если sortColumn не указан.

Индекс столбца в таблице данных, по которому таблица изначально сортируется. Столбец будет отмечен маленькой стрелкой, указывающей порядок сортировки.

Первая отображаемая страница таблицы. Используется только если page находится в режиме включения/события.

Устанавливает ширину элемента контейнера визуализации. Вы можете использовать стандартные единицы измерения HTML (например, «100 пикселей», «80em», «60»). Если единицы измерения не указаны, предполагается, что это количество пикселей. Если не указано, браузер автоматически отрегулирует ширину в соответствии с таблицей, максимально сжимаясь при этом; если установлено значение меньше требуемой ширины, в таблице будет добавлена ​​горизонтальная полоса прокрутки. Если установлено значение «100%», таблица максимально расширится до элемента контейнера.

Рисует таблицу.

Стандартная реализация getSelection. Все элементы выбора являются элементами строки. Может возвращать более одной выбранной строки. Индексы строк в объекте выбора относятся к исходной таблице данных независимо от любого взаимодействия с пользователем (сортировка, разбиение по страницам и т. д.).

Обратите внимание, что выбор(ы) переключаются: щелчок по ячейке в первый раз выделяет ее; Повторный щелчок по ячейке отменяет ее выделение, что приводит к событию выбора, но в полученном объекте выбора нет выбранных элементов.

Вызовите этот метод, чтобы получить информацию о текущем состоянии сортировки таблицы, которая была отсортирована (обычно пользователем, который щелкнул заголовок столбца, чтобы отсортировать строки по определенному столбцу). Если у вас отключена сортировка, этот метод не сработает.

Если вы не отсортировали данные в коде или пользователь не отсортировал данные, выбрав код, будут возвращены значения сортировки по умолчанию.

• column - (число) Индекс столбца, по которому сортируется таблица.
• ascending — (логическое значение), true, если сортировка осуществляется по возрастанию, false, если сортировка осуществляется по убыванию.
• sortedIndexes — (числовой массив) Массив чисел, где индекс в массиве — это номер отсортированной строки (в видимой таблице), а значение — это индекс этой строки в базовой (несортированной) таблице данных.

Стандартная реализация setSelection() , но может выбирать только целые строки или несколько строк. Индексы строк в объекте выбора относятся к исходной таблице данных независимо от любого взаимодействия с пользователем (сортировка, разбиение по страницам и т. д.).

Очищает диаграмму и освобождает все выделенные ей ресурсы.

Стандартное событие выбора, но можно выбрать только целые строки.

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

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

• column - (число) Индекс столбца, по которому сортируется таблица.
• ascending — (логическое значение), true, если сортировка осуществляется по возрастанию, false, если сортировка осуществляется по убыванию.
• sortedIndexes — (числовой массив) Массив чисел, где индекс в массиве — это номер отсортированной строки (в видимой таблице), а значение — это индекс этой строки в базовой (несортированной) таблице данных.

Диаграмма готова для вызовов внешних методов. Если вы хотите взаимодействовать с диаграммой и вызывать методы после ее рисования, вам следует настроить прослушиватель этого события до вызова метода рисования и вызывать их только после того, как событие было запущено.