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

#html #css

#HTML #css

Вопрос:

Этот пример jsfiddle — это то, что я получил прямо сейчас, принцип работает на более простой таблице, которую мне нужно отобразить, но мне нужно немного изменить его для другой страницы. Раздел 1 всегда будет иметь одинаковый размер, раздел 2 имеет переменный размер, а раздел 3 должен заполнить пространство, оставленное разделом 2. Все это работает отлично, но я должен добавить еще один раздел, назовем его 4, фиксированного размера, но он всегда остается внизу большой таблицы, сразу после 3. Высота большой таблицы всегда должна оставаться неизменной. Разрывы строк показаны для того, чтобы показать, что происходит, когда разные таблицы меняют размер.

Я не могу использовать divs или какой-либо необычный CSS из-за плагина, который его анализирует, но если у вас есть необычное решение, я, возможно, смогу заставить его работать. Спасибо за ваше время.

Кроме того, к сожалению, я не могу использовать javascript для динамического изменения размера содержимого.

Комментарии:

1. Можете ли вы отредактировать разметку?

2. Я не понимаю, почему вы не можете использовать «необычный css». CSS не повлияет на семантику html — только на способ отображения html. Это не должно влиять на анализатор.

Ответ №1:

Звучит как задание для тегов tbody и tfoot вместе с CSS для управления размером.