Подход к столбцам таблицы (пользовательский, изменить размер, изменить порядок, отсортировать, отфильтровать) с быстрым поиском - PullRequest
0 голосов
/ 01 июня 2018

Я - один инди-новичок-веб-разработчик (без денег, без помощи, без образования, без опыта), работающий над обширным личным проектом с большим количеством данных.Пять месяцев назад начал изучать HTML, CSS, JS, jQuery, PHP, MySQL.Теперь мне нужно начать разработку той части пользовательского интерфейса, которая должна предоставлять пользователю таблицы данных.И я действительно считаю, что важна следующая функциональность:

  • столбцы должны сортироваться (по возрастанию или по убыванию), нажимая на них
  • столбцы должны иметь изменяемый размер
  • потребность пользователячтобы иметь возможность перетаскивать столбцы для изменения их порядка
  • пользователь должен иметь возможность фильтровать таблицу путем быстрого поиска по всем столбцам
  • пользователь должен иметь возможность фильтровать таблицу независимо столбец по столбцу
  • пользователь должен иметь возможность выбирать пользовательские столбцы для отображения / скрытия
  • пользователь должен иметь возможность сохранять / загружать представления (предустановки конфигурации таблицы - выбор столбцов, сортировка, фильтры)

Я знаю, это много.И я знаю, что это, вероятно, не легко.Но, конечно же, мне не нужно изобретать велосипед с нуля.Я надеюсь, что некоторые решения уже реализованы.Я слышал о плагине DataTables для jQuery.Но я не уверен, кажется, он предоставляет только некоторые функции, которые мне нужны.И я не знаю, совместимы ли другие или лучше, или даже существуют.Поэтому я смиренно прошу рекомендации с учетом направления и подхода, который я должен принять.Это нормально, если мне понадобятся месяцы, чтобы реализовать все, что мне нужно (время у меня есть).Но я хотел бы быть уверен, что я иду по правильному пути, и конечный результат будет пригоден для использования.

1 Ответ

0 голосов
/ 01 июня 2018

использовать datatable .. присоединить по умолчанию: (использовать jquery и начальной загрузки cdn) присоединить datatables css и js cdn .. создать тег таблицы и дать tableid ..

$ ('# tableid'). DataTable ({dom: 'Bfrtip', кнопки: ['copy', 'csv', 'excel', 'pdf', 'print'], отзывчивый: true, scrollX: true, scrollY: true,});

поместите этот сценарий ... вот и все ... таблица с фильтрами записей, нумерацией страниц, адаптивным режимом, прокруткой, экспортом в Excel, PDF теперь будет работать ... есть и другие функции ... перейдите на сайт с данными и попробуйте примеры... таблица упрощена ....

максимум, что требуется полчаса для завершения, включая фильтр диапазона дат ....

просим обращаться к учебникам по веб-урокам на YouTube ... почти 240 мини-проектовесть ли для веб-разработчиков ... вы будете экспертом в течение месяца .. все будет лучше

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