Как сделать datatable отзывчивым в файле .coffee (Rails) - PullRequest
0 голосов
/ 15 апреля 2019

У меня довольно неплохое отображение данных, но я бы хотел, чтобы они реагировали на просмотр с мобильных устройств.

Я попытался добавить опцию responsive:true, но это ничего не меняет.

jQuery ->
  $("#eventmanagment").dataTable({
    "searching": true
    "responsive": true
    "lengthMenu": [[5, 10, 25, 50, 100, 250, -1], [5, 10, 25, 50, 100, 250, "All"]]
  })
  $("#eventmanagmentone").dataTable({
    "searching": true
    "limit": 5
    "lengthMenu": [[5, 10, 25, 50, 100, 250, -1], [5, 10, 25, 50, 100, 250, "All"]]

  })

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

1 Ответ

0 голосов
/ 15 апреля 2019

Вам необходимо добавить javascript и файл css для включения адаптивной работы с функциями в таблицах данных

это ссылка для получения этого файла

после добавления файлов css и javascript, вам нужно включить адаптивную функцию.

"responsive": true

рабочий пример здесь

гибкая библиотека расширений с поддержкой данных

css
//cdn.datatables.net/responsive/2.2.2/css/responsive.bootstrap.css
//cdn.datatables.net/responsive/2.2.2/css/responsive.dataTables.min.css
//cdn.datatables.net/responsive/2.2.2/css/responsive.jqueryui.min.css
//cdn.datatables.net/responsive/2.2.2/css/responsive.bootstrap4.css
//cdn.datatables.net/responsive/2.2.2/css/responsive.dataTables.css
//cdn.datatables.net/responsive/2.2.2/css/responsive.semanticui.min.css
//cdn.datatables.net/responsive/2.2.2/css/responsive.bootstrap4.min.css
//cdn.datatables.net/responsive/2.2.2/css/responsive.jqueryui.css
//cdn.datatables.net/responsive/2.2.2/css/responsive.foundation.min.css
//cdn.datatables.net/responsive/2.2.2/css/responsive.bootstrap.min.css
//cdn.datatables.net/responsive/2.2.2/css/responsive.foundation.css
//cdn.datatables.net/responsive/2.2.2/css/responsive.semanticui.css
js
//cdn.datatables.net/responsive/2.2.2/js/responsive.semanticui.js
//cdn.datatables.net/responsive/2.2.2/js/responsive.jqueryui.min.js
//cdn.datatables.net/responsive/2.2.2/js/responsive.bootstrap4.min.js
//cdn.datatables.net/responsive/2.2.2/js/responsive.bootstrap4.js
//cdn.datatables.net/responsive/2.2.2/js/responsive.dataTables.js
//cdn.datatables.net/responsive/2.2.2/js/responsive.foundation.min.js
//cdn.datatables.net/responsive/2.2.2/js/responsive.bootstrap.js
//cdn.datatables.net/responsive/2.2.2/js/responsive.semanticui.min.js
//cdn.datatables.net/responsive/2.2.2/js/dataTables.responsive.min.js
//cdn.datatables.net/responsive/2.2.2/js/responsive.foundation.js
//cdn.datatables.net/responsive/2.2.2/js/responsive.bootstrap.min.js
//cdn.datatables.net/responsive/2.2.2/js/dataTables.responsive.js
//cdn.datatables.net/responsive/2.2.2/js/responsive.jqueryui.js
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...