Как предотвратить изменение размера таблицы при использовании ng-show?

У меня есть таблица, которая использует ng-show Angular, чтобы скрыть/показать раскрывающееся меню в таблице. Проблема в том, что когда вы нажимаете кнопку для редактирования строки в таблице, размер таблицы изменяется. Это может дезориентировать пользователя, если таблица очень длинная.

Вот мой код


person kimli    schedule 07.03.2014    source источник
comment
Кажется, это проблема стиля и на самом деле не имеет ничего общего с ng-show. Это похожие вопросы: stackoverflow.com/questions/9523927/, stackoverflow.com/questions/1236148/   -  person Stratus3D    schedule 07.03.2014


Ответы (1)


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

http://plnkr.co/edit/4xyoVxc7kn8dFWhNob4G?p=preview

Установив ширину и высоту в столбце «Имя события», таблицу больше не нужно переформатировать при изменении содержимого.

person Stratus3D    schedule 07.03.2014