11.8K ·GitHub
Что это такое?
JavaScript-плагин для фронтенда, который превращает обычные HTML-таблицы в многофункциональные: добавляет выбор строк через радио-кнопки и чекбоксы, сортировку, постраничную навигацию и расширения поверх CSS-фреймворков вроде Bootstrap.
JavaScript-плагин для фронтенда, который превращает обычные HTML-таблицы в многофункциональные: добавляет выбор строк через радио-кнопки и чекбоксы, сортировку, постраничную навигацию и расширения поверх CSS-фреймворков вроде Bootstrap.Это отдельное приложение или то, что я встраиваю в свои веб-страницы?Это клиентский плагин для ваших собственных веб-страниц, а не отдельное приложение: вы подключаете его рядом со своим CSS-фреймворком, и он улучшает таблицы в вашей разметке. Сервер не задействуется.
Это клиентский плагин для ваших собственных веб-страниц, а не отдельное приложение: вы подключаете его рядом со своим CSS-фреймворком, и он улучшает таблицы в вашей разметке. Сервер не задействуется.Как добавить его в проект?Установите через npm или Yarn, подключите с CDN, например CDNJS или jsdelivr, либо скачайте вручную со страницы GitHub Releases.
Установите через npm или Yarn, подключите с CDN, например CDNJS или jsdelivr, либо скачайте вручную со страницы GitHub Releases.Он привязывает меня к Bootstrap или работает и с другими CSS-фреймворками?Он был создан для Twitter Bootstrap и поддерживает все версии Bootstrap, а также интегрируется с Semantic UI, Bulma, Material Design, Foundation и Vue.js.
Он был создан для Twitter Bootstrap и поддерживает все версии Bootstrap, а также интегрируется с Semantic UI, Bulma, Material Design, Foundation и Vue.js.Что эти таблицы умеют из коробки?Кликните по заголовку столбца, чтобы отсортировать данные, выделяйте одну или несколько строк, листайте данные с помощью удобной постраничной навигации и переключайтесь на режим карточек или детальный просмотр. Столбцы, шапку и подвал можно показывать или скрывать, плюс есть адаптивный дизайн, локализация и набор расширений.
Кликните по заголовку столбца, чтобы отсортировать данные, выделяйте одну или несколько строк, листайте данные с помощью удобной постраничной навигации и переключайтесь на режим карточек или детальный просмотр. Столбцы, шапку и подвал можно показывать или скрывать, плюс есть адаптивный дизайн, локализация и набор расширений.Сколько JavaScript-кода мне придётся писать, чтобы им пользоваться?Совсем немного: таблицы полностью настраиваются через data-атрибуты, а данные можно подтягивать в формате JSON с помощью AJAX.
Совсем немного: таблицы полностью настраиваются через data-атрибуты, а данные можно подтягивать в формате JSON с помощью AJAX.Можно ли попробовать онлайн, прежде чем устанавливать?Да — есть живые примеры онлайн, а в Online Editor кнопка Load Examples даёт готовые шаблоны, которые можно менять прямо в браузере.
Да — есть живые примеры онлайн, а в Online Editor кнопка Load Examples даёт готовые шаблоны, которые можно менять прямо в браузере.Он бесплатный, в том числе для коммерческого использования?Да. Он распространяется по лицензии MIT, и в README сказано, что его можно свободно использовать и как угодно изменять.
Да. Он распространяется по лицензии MIT, и в README сказано, что его можно свободно использовать и как угодно изменять.What are similar projects?vuetify, mdb-ui-kit, materialize, Semantic-UI, material-design-lite, pure, yeti, material
vuetify, mdb-ui-kit, materialize, Semantic-UI, material-design-lite, pure, yeti, materialWhich topics is it in?pagination, sorting, foundation, radio, material, table, css-framework, bootstrap, responsive, localization, material-design, i18n
pagination, sorting, foundation, radio, material, table, css-framework, bootstrap, responsive, localization, material-design, i18n