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

Question

Я действительно обеспокоен эстетическим аспектом моего веб-приложения, и поэтому я задаю такой глупый вопрос. Простите меня заранее, если вы думаете, что это не так уж важно.

Я создаю настольное веб-приложение и использую замечательный плагин jqGrid для отображения некоторых табличных данных. В настольных приложениях, таких как iTunes, в таблице достаточно пустых строк, чтобы заполнить ее размеры. Я имею в виду, если вы установите сетку таблицы на 500 пикселей в высоту, и в ней будет только одна строка, то таблица (зебра) будет продолжаться до конца страницы. Это то, что я хочу иметь, но не могу сделать прямо сейчас, используя javascript или css.

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

Кто-нибудь когда-нибудь пытался создать такую ​​таблицу? Есть идеи как это сделать?

Answer 1

Я бы просто создал контейнер Table с определенной высотой; дать ему вертикально-плиточный фон; установите overflow на scroll / auto; и затем поместите динамический размер таблицы внутри него.

Редактировать: Извините, я недостаточно внимательно прочитал ваш вопрос. Учитывая ваши другие требования, я бы просто использовал JavaScript. Не должно быть сложно установить минимальное количество строк в вашей таблице, хотя я не знаком с jqgrid.

Другой вариант - просто использовать 2 таблицы - верхнюю для реальных данных, нижнюю для пустых строк. Каждый раз, когда строка добавляется в верхнюю таблицу, она удаляется из нижней таблицы и наоборот. Вам также нужно будет зафиксировать события изменения размера столбцов верхней таблицы и изменить размер столбцов нижней таблицы. Но это довольно грязно.