Выбираем грид для админки

https://ru.wikipedia.org/wiki/CRUD

как правило, относится к бэк, полностью утопает в бизнес-операциях и фронту практически не виден и не нужен.

я должен сделать фронтенд

Ты зачем полез опять туда, в чем не преуспеваешь от слова совсем?

чем сгенерировать CRUD приложение?

Руками!

А вообще, в одном проекте была такая самописная штука для редактирования справочных данных. Описание модели хранилось в БД, как и сами данные. Был отдельный редактор модели и редактор данных, формирующий интерфейс автоматически. Это в конечном итоге вылилось в кучу таблиц типа info01, info02 с полями str01, str02, str50, etc. Работать с таким вручную, конечно, замучаешься, да и с производительностью проблемы.

Какой инструмент подойдёт?

Голова.

Для начала договорись с бекендщиком о возвращаемом формате и составе данных.

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

Теперь бери и делай кусок кода, который строит опшн списки и ищет по ним или запрашивает поиск у бекенда.

Или можешь поискать готовые решения с таблицами и автокомплитом поиска в списках.

В любом случае вам с бекендщиком сначала надо вынести друг другу мозг. Походу вы там оба не понимаете что надо делать.

info01, info02 с полями str01, str02, str50

Жосткие вы ребятишки. Есть же жсон, который легко превращается в модель, а по имени таблицы (нет, лучше все же передавать тип объекта данных) можно подтянуть кусок расширяющий базовые фичи объекта.

https://github.com/marshmallow-code/apispec или выбрать из этого https://www.codementor.io/sagaragarwal94/building-a-basic-restful-api-in-pyth... я через консоль браузера часто код генерирую (потому как js позволяет забыл как слово называется source.match(...).map(...).join('\n\n')). При грамотном наследовании копипасты много не надо.

Проект был действительно жосткий, очень старое legacy, до недавнего времени (лет 5 назад, наверное) сервер ещё работал на яве 1.4, со скрипом переехал на 1.6, на клиенте так вообще активиксы, аплеты, ie-only код, вот это вот всё.

Всем спасибо за ответы. Немного почитал за это время, стало хуже.

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

Теперь бери и делай кусок кода, который строит опшн списки и ищет по ним или запрашивает поиск у бекенда.

Или можешь поискать готовые решения с таблицами и автокомплитом поиска в списках.

Вот пример. http://www.evolutility.org/demo/demo_ToDo.aspx

Здесь плохо то, что он для ASP. Но что тут есть? Тулбар с поиском, количество записей, заголовки, сортировка по каждому полю. Сделать это хорошо - это много работы. Я знаю. А стоит оно 50 долларов, т.е. эквивалентно паре часов работы по стоимости. Очевидно, такое не написать ни за два часа, ни за два дня. Может быть, за две недели, но и то не факт. Дальше оно будет постепенно меняться и создавать проблемы. Поэтому - где взять готовое? Инициатива пока на моей стороне, я могу говорить бекендщику, что мне нужно и он это будет делать.

Ты все время какое-то говно находишь.

Те еще говнища, но для начала сойдет:

https://datatables.net/

https://jqueryui.com/autocomplete/#combobox

Спасибо, первое посмотрел, на первый взгляд годнота.

Не нашёл там возможности менять ширину колонок. Вот это увидел на тему расширяемости колонок:

http://www.bacubacu.com/colresizable/#samples

http://www.ita.es/jquery/jquery.kiketable.colsizable.htm

https://stackoverflow.com/questions/6156182/resizable-table-columns-with-jquery

А что, это какая-то сложная задача - менять ширину колонок? Почему нигде не реализовано? Или это «ненужно»?

https://github.com/paulopmx/Flexigrid

https://bossanova.uk/jexcel/examples

Херов веб!

Мне нужно очень мало - чтобы колонки можно было расширить, и чтобы можно было ходить по гриду стрелками. Т.е. если без этого, то совсем уж плохо. И вот пока нашлось всего два грида, которые это умеют - dhtmlx и w2ui. Остальные стрелками либо уходят на невидимую сторону луны, либо я дохожу до дна видимых записей и дальше начинает прокручиваться страница целиком (вместо прокрутки данных в гриде). Вот как в этом вебе можно без мата? Я сдержался уже раз 5.

https://fancygrid.com/samples/form/grid - fancygrid тоже может.

https://github.com/sigmawidgets/Sigma-grid-AJAX-grid-for-php-java---.net - вроде тоже может.

Ты дурак какой-то, чесслово. Тебе еще год назад советовали изучить базу веб-технологий, досконально. Нет, ты забил, пытаясь с наскока изучить фреймворки\библиотеки со своим подходом из других сфер. То, что ты ищешь сейчас, тщетно (сколько уже по времени?) запиливается ручками с нуля за полчаса. Но нет. Ты хочешь жрать говно. И уповать, что это веб плохой, а не ты идиот.

Сам дурак, дальше не читал. Не мешай, я тут работаю. Иди пописай лучше.

http://mleibman.github.io/SlickGrid/examples/example-composite-editor-item-de... - тоже ок.

jexcel не может.

https://github.com/key-lime-box/dynamic-table - вроде может

tui.grid - нет.

jsGrid - нет, плохая

Quickgrid - плохая

appendgrid.apphb.com - одна из многих, которая при одиночном щелчке переходит в режим редактирования - это странно! При этом стрелки вверх-вниз для навигации использовать не получается - это ещё более странно.

https://github.com/free-jqgrid/jqGrid

https://paramquery.com/demos - понравилось. 600 зелени. Может быть оттого, что дело к полуночи и пора спать.

Спасибо за ссылочку! Демо не нашёл. Я не знаю, как оно связано с http://www.trirand.com/blog/jqgrid/jqgrid.html - название вроде совпадает.

но то, что по моей ссылке - не годнота. При ходьбе стрелками и достижении нижней строчки последующее нажатие на стрелку вниз должно приводить к прокрутке грида, а не всей страницы. Возможно, я неправ, но мне это кажется единственно осмысленным поведением при управлении с клавиатуры. А управлять с клавиатуры я определённо хочу :)

В общем, на сегодня явно пора закругляться. Возможно, всё не так уж и безнадёжно, т.к. по двум минимальным критериям нашлось достаточно много вариантов. Потом надо будет досмотреть вот это https://www.jqueryscript.net/tags.php?/data grid/ и вот это https://jspreadsheets.com и сужать выбор дальше.

Свободный форк того, в readme подробности. Навигация стрелками там точно была. Самый широкий функционал предоставлял на тот момент когда я его использовал (как раз в момент форка). Документация у него страдает, да.

Спасибо! Там навигация есть, просто она плохо себя ведёт, когда доходит до нижней видимой строчки.

Теперь прочитал до конца. Ну хрень ты написал, конечно же.

я этим пользуюсь https://vuetifyjs.com/ru/components/data-tables. vue - идеальное решение для spa. если angular е знаешь, лучше забудь про него (ЕГО ПРИДУМАЛИ ПИДОРАСЫ ДЛЯ ПИДОРАСОВ)

Спасибо! Я вижу, у тебя период восторженности насчёт vue. Ангуляром пользоваться не собираюсь, не бойсь :) Но табличка, тобой предложенная, очень уж убогая на фоне других. По фичастости плетётся где-то даааалеко в хвосте того, что сделано для jQuery. Но спасибо, что напомнил про marko.js - посмотрю, как у него с табличками обстоят дела.

Слушай, а доку в jqGrid не завезли, что ли?

А обстоят они просто-напросто никак или почти никак.

а что нужно от таблицы кроме отображения, сортировки и пагинации?

(общая)
http://www.trirand.com/jqgridwiki/doku.php?id=wiki:jqgriddocs
(форк)
https://github.com/free-jqgrid/jqGrid/wiki
https://free-jqgrid.github.io/
(коммерч. продолжение оригинала)
http://www.guriddo.net/documentation/guriddo/javascript/
как я уже говорил документация страдает

Поиск, фильтрация, в т.ч. выполняемые на серверной стороне, изменение ширины колонок мышью, слияние ячеек в заголовке и теле таблицы, подвалы с итогами, навигация клавиатурой, выделение галочками и действия над выделенным. Это для примера. Excel - это тоже грид (формулы, выделение диапазонов произвольной формы и операции над ними). Реальные варианты гридов могут ещё что-то, что я не перечислил. Просто посмотри ссылки в посте, там всё видно.

Спасибо, погляжу завтра. Вики как-то не заметил :(

Спасибо

Не за что...

Посмотрел исходники SlickGrid, попытавшись исправить косяк с дрейфующим PgDn. Похоже, что расчёт прокрутки с учётом горизонтального скроллбара сделан неаккуратно - где-то наличие скроллбара учитывается, а где-то - нет. Ещё немного покопаюсь и посмотрю на jqGrid. Хотя его размазанность мне совсем не нравится.

Всем спасибо, пока выбрал SlickGrid, а там посмотрим.

"https://fancygrid.com/samples/form/grid - нет PG_UP, PG_DOWN,
при слишком маленьком окне указатель уходит за границы экрана"
Благодарим что попробовали наш продукт.
Данный функционал уже добавили, станет доступным при следующем
релизе в эти выходные.

Фига се :) Быстрые вы! Не ожидал. Напишу завтра вам в поддержку, если не забуду.

Только что сделали релиз.
Очистите кэш,чтобы загрузилась новая версия(у нас кэш на 24 часа).
Если будут вопросы пишите support@fancygrid.com

Извините, пока что выбрали datatables.net по причинам, не связанным со сравнением гридов.

Ничего страшного ;)
Зато улучшили продукт и получили feedback.