Установите максимальную высоту и минимальную высоту свободного jqGrid - PullRequest
0 голосов
/ 26 января 2020

У меня есть следующая веб-страница, которая использует Free jQGrid 4.15.2 . Страница имеет фиксированный заголовок и область фильтра.

image

Вопрос:

Мне нужно установить высоту сетки так

  1. Когда пользователь выбирает количество строк в нижнем колонтитуле (например, 10), которое может вписаться в оставшуюся высоту окна, высота сетки изменяется на [rowcount selectd]*[row height] даже на последней странице.

  2. Когда пользователь выбирает количество строк, которое не помещается в окне (например, 100), выбирается максимальная доступная высота или, другими словами, сетка заполняет доступную высоту окна, поэтому полоса прокрутки не отображается в окне, но полоса прокрутки сетки показана в области строк сетки.

Это означает, что нижний колонтитул должен постоянно находиться на экране и не перемещается, когда пользователь перемещается по данным, если пользователь не изменяет количество строк в нижнем колонтитуле.

Примечания:

  • Я могу получить доступную высоту страницы, высоту строки данных, заголовок сетки, заголовок, нижний колонтитул и также количество строк, выбранное в нижнем колонтитуле, чтобы задать высоту в свойствах сетки или ui-jqgrid-bdiv, которые оба являются высотой области данных сетки. Однако я хотел бы знать, есть ли более элегантный способ сделать это, например, установить min-height и max-height вместо вычисления высоты сетки и устанавливать его каждый раз, когда пользователь выбирает другое количество строк.

  • Установка высоты сетки на авто, вызовет высоту последней страницы сетки, в которой обычно меньше строк, уменьшится до общего количества отображаемых строк, поэтому нижний колонтитул будет перемещаться вверх, что нежелательно.

  • Установка высоты, как указано в этот ответ будет устанавливать только высоту внутренней области данных сетки. Мне нужно посчитать размер нижнего колонтитула, заголовок и заголовок сетки тоже. Попытка установить высоту родительского элемента ui-jqgrid-bdiv, показывающую странное поведение (более высокий первый ряд, нижний колонтитул отделен от сетки, ...).

  • Пользователь может настроить размер шрифта сетки, поэтому добавляя фиксированные числа волхвов c, указанные в этом ответе, не помогут.

...