columns

используется для настройки колонок таблицы

array columns;

Example

webix.ui({
    view:"datatable",
    columns:[
        { id:"rank",    header:{ text:"#", rowspan:2}, width:50, css:"rank"},
        { id:"title",   header:["Film title", {text:"Second line", colspan:3}]},
        { id:"year",    header:["Year",""], width:80},
        { id:"votes",   header:["Votes",""], width:100}
    ]
});

Related samples

Details

Один объект массива - настройки для одной колонки. У объектов могут быть следующие настройки:

adjust	(string,boolean) используется для автоматического подсчета ширины колонки. Ширина колонки может подстроиться под: "data" - длину самой длинной строки в этой колонке "header" - ширину хедера true - то, что из предыдущих двух больше по размеру Ширина колонки в любом случае не будет меньше, чем minWidth или больше, чем maxWidth, если что-то из этого задано.
adjustBatch	(number) ограничивает количество ячеек, из величины данных в которых будет идти автоматический расчет ширины всей колонки.
checkValue	(any) ненулевое значение для `common.checkbox()`/`common.radio()`
collection / options	(string, object, array, function, proxy) позволяет грузить значения для колонки (значения, фильтры и редакторы) из отдельного источника данных.
css	(string,object) стили CSS, которые будут присвоен колонке. css можно задавать как: имя класса CSS объект с правилами CSS, напр. {"text-align":"center"}
cssFormat	(function) функция, которая принимает в качестве параметра значения из ячеек колонки и возвращает объект с правилами css (или имя класса css), которые будут применены к ячейке с этими значениями. Всего у функции 4 параметра: значение из ячейки объект элемента данных (ряд таблицы) ID ряда ID колонки
editor	(string) редактор для значений в колонке. Может быть одним из этих значений: "text" - редактор для однострочного текста "inline-text" - пользовательский редактор для текста "select" - выпадающий список с опциями и другие
editaction	(string) действие, по которому открывается редактор для значений в колонке. Может быть одним из следующих значений: "click" - (значение по умолчанию) одиночный клик по ячейке "dblclick" - двойной клик "custom" - позволяет задавать свое действие (подробнее в описательной части документации)
editFormat	(function) функция, которая обрабатывает значение, которое отображается в редакторе во время редактирования. Используется для форматирования чисел. Подробнее
editParse	(function) функция, которая обрабатывает настоящее значение из редактора. Используется для форматирования чисел. Подробнее
fillspace	(number, boolean) Если fillspace:true, колонка займет все доступное пространство. Если fillspace есть более чем у одной колонки, они разделят доступное пространство поровну. Если fillspace задано числом > 1, колонки разделят доступное пространство пропорционально числам.
format	(function) форматирование данных
footer	(string,array) задает футер для колонки. Если определено как массив, задает многострочный футер (каждый элемент массива может быть строкой или объектом с настройками). Настройки у объекта могут быть такие: text - (string) текст для футера content - ('textFilter', 'selectFilter' или 'summColumn') встроенный фильтр или счетчик colspan - (number) число рядов, которые должен охватить этот элемент футера rowspan - (number) число колонок, которые должен охватить этот элемент футера css - (string) имя класса css, который будет присвоен элементу футера rotate - (boolean) если true, содержимое футера будет повернуто на 90 град. height - (number) задает высоту элемента футера autoheight - (boolean) подстраивает высоту футера под его содержимое
header	(string,array) задает хедер для колонки. Если определено как массив, задает многострочный хедер (каждый элемент массива может быть строкой или объектом с настройками). Настройки у объекта могут быть такие: text - (string) текст для хедера content - ('textFilter', 'selectFilter' или 'summColumn') встроенный фильтр или счетчик colspan - (number) число колонок, которые должен охватить этот элемент хедера rowspan - (number) число рядов, которые должен охватить этот элемент хедера css - (string) имя класса css, который будет присвоен этому элементу хедера rotate - (boolean) если true, содержимое хедера будет повернуто на 90 град. height - (number) задает высоту элемента хедера autoheight - (boolean) подстраивает высоту хедера под его содержимое
hidden	(boolean) скрывает колонку во время инициализации
id	(string) ID колонки
liveEdit	(boolean) включает обновление данных во время их редактирования для всех колонок, в которых используется редактируемые данные
math	(string) задает формулу для подсчета значений по всей колонке
minWidth	(number) задает минимальную ширину колонки (влияет на ресайз и динамическую ширину, выставленную fillspace).
maxWidth	(number) задает максимальную ширину колонки (влияет на ресайз и динамическую ширину, выставленную fillspace)
numberFormat	(string) задает формат для чисел (настройка для редактора). Подробнее
resize	(boolean) defines whether the column can be resized
sort	(string,function) включает сортировку для колонки с указанием типа данных (сортирует данные по клику на хедер). Типы данных: "int" "date" "string" "string_strict" ('string' с учетом регистра) "text" "server" "raw" ваш тип сортировки Подробнее
template	(string,function) темплейт для данных в этой колонке Если темплейт задан как функция, у нее будут следующие параметры: obj - каждый элемент данных common - общие элементы, объявленные в type value - значение текущей ячейки col - конфигурация столбца ind - индекс текущего элемента данных Подробнее
uncheckValue	(any) нулевое значение `common.checkbox()`/`common.radio()`
width	(number) фиксированная ширина колонки