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

Если установлено значение 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 будет выглядеть так же, как если бы для него было задано значение null , но если showRowNumber задано значение true , столбец с номером строки будет заморожен.

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

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

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

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

Задает указанный параметр для кнопок пейджинга. Варианты следующие:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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