TableView изменяется размер закладок при переключении между ними

Webix JS
#1

Здравствуйте
http://webix.com/snippet/e2b32011

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

Как исправить?

Спасибо

#2

Здравствуйте!

Дело в том, что параметр width задан только у кнопок. При переклчении табов (перерисовке) весь контейнер будет подогнан под эту ширину.

Как это происходит:

  • Компонент (например, таблица) по умолчанию стремится занять всё доступное место
  • Если компонент выполняет роль контейнера (т.е. у него есть rows/cols/elements или body), он возьмёт размеры у вложенных виджетов.

В Вашем случае можно применить один из вариантов:

  • использоватьinputWidth вместоwidth для кнопок:
{ view: "button", inputWidth: 200 }
  • выставить выставить размеры таблицам
  • добавить в формы пустые колонки, которые займут оставшееся место
{
  view: "form",
  cols: [
    { view: "button", width: 200 },
    {}
]}
#3

Поменял на inputWidth и все заработало нормально. Спасибо!