Так вам нужен весь элемент массива или только идентификатор? Если только id - зачем делать в 10 строчек то, что можно сделать одной и понятнее? Если весь элемент - почему вы этого в примере сразу не показали?
Так и делать - 4 постранички. Общее количество элементов можно посчитать.
Но задача настолько кривая, что я начинаю думать, что нормальное решение я придумать не смогу.
Как вы планируете использовать эту информацию? Если у вас приложение на Vue, то что мешает просто добавить обработчик изменения на элемент и в нём уже реализовывать нужную логику?
В том-то и дело, что требовать тут не надо ни решение, ни направление. Человек потратил своё время, а вы ему вместо спасибо или уточняющих вопросов, выкатили ТЗ.
Конечно, нет. Как вы на CSS превратите одну таблицу в две с абсолютно другой структурой? Можно на JS собирать её на клиенте, но приницпиально это мало отличается от рендеринга отдельной версии на бэкенде.
