Есть страница с табличными данными, которые отдает сервер.
Строк в таблице много, поэтому к таблице добавлена пагинация.

Вариант 1:
Сервер отдает пустую таблицу (с пустым tbody) и JSON со всеми данными.
Клиентский JS-скрипт заполняет таблицу (добавляет строки в tbody, используя данные из JSON).
При смене страницы скрипт очищает tbody и заполняет таблицу заново (используя фрагмент данных, соответствующих выбранной странице).

Вариант 2:
Сервер отдает заполненную таблицу со всеми данными.
Клиентский JS-скрипт считывает данные из таблицы (в массив), затем очищает страницу и заполняет ее заново фрагментом, соответствующим выбранной странице.

Мне вариант 2 кажется более интересным.
Таблица у меня стилизована через CSS (то есть в HTML-коде только базовая разметка таблицы, без стилей и классов), поэтому оверхед по сравнению с JSON не такой уж и большой. Зато этот вариант будет работать даже в том случае, если на клиентской стороне JS выключен. Ну и менять шаблон страницы будет проще, только в одном месте.

Однако чаще используется вариант 1.
Потому что он проще? Или я какие-то недостатки варианта 2 упускаю?


P.S. Разумеется речь не про таблицы огромного размера (типа КЛАДР), а про таблицы поменьше, где пагинация используется из соображений удобства и внешнего вида, а не вынуждено.

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