Как разделить столбец данных Webix на несколько столбцов?

В моей таблице данных webix я показываю несколько значений в ячейках для некоторых столбцов.

Чтобы определить, какие значения принадлежат какому заголовку, я разделил заголовки столбцов '|' (вертикальная черта), а также значения под ними.

Теперь вместо разделения столбцов с помощью '|' мне нужно разделить столбцы на несколько редактируемых столбцов с тем же именем.

См. этот фрагмент : https://webix.com/snippet/8ce1148e

В приведенном выше фрагменте, например, столбец Scores будет разделен на два дополнительных редактируемых столбца: Rank и Vote. Аналогично для столбца Place в Type и Name.

То, как значения первых элементов массива отображаются под каждым из них, останется прежним.

Как это может быть сделано ?

Спасибо


datatable webix
person A.G.Progm.Enthusiast    schedule 09.11.2017    source источник

Ответы (1)


arrow_upward
1
arrow_downward

При создании конфигурации столбца для webix вы можете указать массив в поле заголовка для первого столбца вместе с colspan, как показано ниже:

var columns = []; columns[0] =
{"id":"From", "header":[{"text":"Date","colspan":2},{"text":"From"}]};

columns[1] = {"id":"To","header":[null, {"text":"To"}]};

column[0] will create Date and From and column[1] will be creating the To.

person Gagan Bansal    schedule 09.11.2017
comment
Я уже использую «заголовок», не могли бы вы показать мне во фрагменте, как именно вы предлагаете? - person A.G.Progm.Enthusiast; 09.11.2017
comment
Пожалуйста, ознакомьтесь с обновленным ответом, если у вас все еще есть какие-либо вопросы, пожалуйста, верните меня обратно. - person Gagan Bansal; 09.11.2017
comment
Я попробовал так, как вы предложили, но это не дало желаемого результата, см. здесь: webix.com/ фрагмент/fdb7378d - person A.G.Progm.Enthusiast; 09.11.2017
comment
Пожалуйста, найдите под URL-адресом: webix.com/snippet/8bfdf669, вам просто нужно применить CSS к отображать заголовок в центре (в заголовке есть свойство css, просто укажите css='xyz' в заголовке) - person Gagan Bansal; 09.11.2017
comment
Вы также можете перейти по указанному ниже URL-адресу, если хотите, чтобы заголовки также располагались по центру:webix.com/snippet/8384ae1c - person Gagan Bansal; 09.11.2017
comment
Не могли бы вы сказать мне, что это за «ноль» в заголовке: [null, {text:To}]... Потому что я столкнулся с проблемой, когда я пишу что-то в этих редактируемых ячейках заголовка, значения исчезают. Затем снова, когда я нажимаю на ячейку, я вижу эти значения. Извините, я не смог сделать фрагмент, чтобы показать. Но может ли это случиться? Что может быть вероятной причиной этого? это что "нуль"? - person A.G.Progm.Enthusiast; 02.12.2017
comment
Ну, я сталкиваюсь с этим, когда использую функцию шаблона, поэтому делаю еще один пост, чтобы показать это. Пожалуйста, посмотрите на это. - person A.G.Progm.Enthusiast; 02.12.2017
comment
Не могли бы вы поделиться ссылкой на другой пост, чтобы я мог проверить проблему, с которой вы столкнулись? Я создал несколько приложений, используя одно и то же, поэтому может возникнуть небольшая проблема. Пожалуйста, поделитесь ссылкой, я могу разобраться в этом. - person Gagan Bansal; 05.12.2017