Таблицы. Как сделать таблицу в модальном окне (открывается в диалоговом окне)

Используйте следующую разметку 

<a href="#" class="as-table-modal" data-code="profile" data-itemid="11" data-big="1" data-slideout="2">Show table</a>

Параметры: 

  • data-code - указываем код таблицы.
  • data-itemID - указываем ID элемента.
  • data-big - если 1 или 100, то окно на всю ширину. 30 - 30% от экрана, 50 - 50%, 75 - 75% экрана. 
  • data-title - заголовок модального окна. Если не указан, то скрывается верхняя часть модального окна.
  • data-btnCancelText - текст кнопки Закрыть. Если пустая строка -то кнопка будет скрыта. 
  • data-slideout - включение режима появления окна.  Если 1 - выдвигаетcя окно слева. Если 2 - то справа. 
  • data-view="alert" - показ в alert окне компонента. Подробнее про таблицы/формы в alert окне

Примечание: По аналогии можно сделать форму в модальном окне (отличие только в том, что у таблицы нет параметра btnText). 

См. также  Открытие формы в модальном окне

 

Falcon Space - функциональная веб-платформа разработки на узком стеке MS SQL/Bootstrap. Вводная по Falcon Space
Насколько полезной была статья?

Google поиск по нашей документации

Выгода от использования Falcon Space

В 2-3 раза экономнее и быстрее, чем заказная разработка
Более гибкая, чем коробочные решения и облачные сервисы
Используйте готовые решения и изменяйте под свои потребности
Нужна бесплатная консультация?
Планируете делать веб-проект?
Сайт использует Cookie. Правила конфиденциальности OK