колонки

настраивает колонки таблицы

GridColumn[] колонки;

Example

// определение колонок по умолчанию
gantt.config.columns=[
    {name:"text",       label:"Название задачи",    tree:true, width:'*' },
    {name:"start_date", label:"Время начала", align: "center" },
    {name:"duration",   label:"Продолжительность",  align: "center" },
    {name:"add",        label:"" }
];
gantt.init("gantt_here");

Related samples

Progress lightbox

Details

Каждый объект в массиве задает одну колонку. Объект может принимать следующие атрибуты:

align? - (string) - задает горизонтальное выравнивание заголовка. Возможные значения: 'left', 'center', или 'right'
hide? - (boolean) - скрывает/показывает колонку (PRO)
label? - (string | number) - задает заголовок колонки
max_width? - (number) - задает максимальную ширину колонки в случае операций изменения размера
min_width? - (number) - задает минимальную ширину колонки в случае операций изменения размера
name? - (string | number) - определяет идентификатор колонки. Имя 'add' позволяет добавить колонку с знаком '+'
resize? - (boolean) - включает возможность изменения размера колонки путем перетаскивания границы колонки (PRO)
sort? (task1, task2): number - (boolean | string | Function) - настройка сортировки после клика на заголовок колонки. Когда свойство установлено в false, сортировка отключена. Вы также можете задать другое свойство задачи в string, чтобы отсортировать колонку, или использовать пользовательскую функцию сортировки:
- task1 - (Task) - объект первой задачи, которая будет сортироваться
- task2 - (Task) - объект второй задачи, которая будет сортироваться
template? (task): any - задает шаблон данных
- task - (Task) - объект задачи
tree? - (boolean) - указывает, что связанная колонка должна отображать дерево
width? - (number | string) - определяет ширину колонки
onrender? (task, node): any - необязательный, функция обратного вызова для рендеринга ячейки в DOM. Функция принимает объект задачи и элемент DOM ячейки грида в качестве параметров и может вернуть компонент фреймворка. См. подробности здесь
- task - (Task) - объект задачи
- node - (HTMLElement) - HTML элемент ячейки грида
editor? - (object) - встроенный редактор
- type - (string) - тип встроенного редактора
- map_to - (string) - указывает, какое свойство задачи должно быть обновлено встроенным редактором
- min? - (Date | number) - минимальное значение для типов даты и продолжительности
- max? - (Date | number) - максимальное значение для типов даты и продолжительности
- options? - (Array <any>) - массив с опциями для типов выбора
- formatter? - (DurationFormatter | LinkFormatter) - форматировщик для типов даты и предшественников

Ширина колонок грида зависит от двух атрибутов: width колонки и grid_width. Если сумма ширин колонок не равна ширине грида, Gantt изменяет один из параметров.

При инициализации gantt через gantt.init() приоритетом является width колонки.
При рендеринге gantt через gantt.render() приоритетом является grid_width.
Related sample: Настройка ширины колонки
При инициализации gantt через gantt.init() и если ширина колонки не указана или установлена в '*', приоритетом является grid_width.
Related sample: Настройка ширины колонки

Атрибут template - это функция, которая принимает объект элемента данных в качестве параметра и возвращает окончательный шаблон данных. Определение функции позволяет представлять практически любое содержимое.

gantt.config.columns =  [
    {name:"text",       label:"Название задачи",  tree:true, width:'*' },
    {name:"start_date", label:"Время начала", align: "center" },
    {name:"staff",      label:"Ответственный(е)", template:function(obj){
                                return obj.holder+"("+obj.progress+")"} }
];
gantt.init("gantt_here");