Почему jqgrid, flexigrid и ingrid используют отдельные таблицы для заголовка и данных?

Question

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

У нас был веб-дизайнер в проекте (который с тех пор покинул организацию), который создал стили для таблиц и попытался создать такой же внешний вид, работая с jqgrid. Это сработало, но не совсем. У нас проблемы с выравниванием столбцов заголовков со столбцами данных. Мы возились с CSS, но, похоже, он не работает. Иногда появляются полосы прокрутки, когда они нам не нужны.

В любом случае, частично проблема заключается в том, что jqgrid использует одну таблицу для заголовков столбцов, а затем другую для самих данных. Каждая из этих таблиц обернута в тег div. Мы рассмотрели некоторые альтернативы, такие как Flexigrid и Ingrid , но они также используют тот же подход с отдельными таблицами для заголовков и данных.

Было бы здорово, если бы кто-то мог объяснить, почему используется этот подход. Нам было интересно, почему вместо этого нельзя использовать стандартный тег table со строкой th для заголовков и td для данных?

Answer 1

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

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