Как вывести в таблице скажем 10 заказов, а всего заказов 100, для просмотра остальных заказов необходимо проскролить?

Question

[Максим]

проблема в том, что я не знаю высоту 10ти заказов, чтобы их ограничивать, тк если название заказа большое, то он растянет строку и высота таблицы увеличится

Answer 1

[Дмитрий]

Есть свойство clientHeight у родительского элемента(tbody например) и есть свойства top и height у строки с заказом, так вы можете вычислить последнюю видимую строку. Также после прокрутки можно использовать и свойство scrollTop показывающее насколько прокручен элемент, оно тоже должно быть включено в расчеты.

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

Answer 2

[Andrew]

https://mdbootstrap.com/docs/jquery/tables/pagination/

Comments

[Максим]

нет, нужен именно скролл

[Andrew]

Максим, задайте максимальную для строки и уже всему блоку ставьте tr.height*10

[Andrew]

Максим, и да, определитесь чего вы хотите, показывать первые 10 или максимальную высоту.

[Максим]

Andrew, тут тоже скорее всего нет, тк я не знаю сколько слов будет в заказе, да даже с максимальной высотой строки все строки будут разной высоты и тут не получится *10
ед решение пока только это на ресайз окна вешать колбэк на вычисление высоты всех этих 10ти строк и задавать макс высоту таблице
Но не хочу так заморачиваться, думал есть полегче решение

[Andrew]

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

[Максим]

Andrew, у меня требование заказчика - всегда отображать 10 заказов, и так же для просмотра остальных заказов должен быть скрол

[Andrew]

Максим, считайте скриптом тогда высоту этих элементов и давайте контейнеру, странное требование, еще лэйзи лоад норм был бы