Прокручиваемая таблица HTML с верхней строкой и левым столбцом

Кто-нибудь был в состоянии реализовать прокручиваемую таблицу в HTML, где строки TOP и столбцы LEFT заморожены, но остальная часть таблицы прокручивается? Прекрасный пример этого: Google Squared

Я попытался выполнить обратный инжиниринг кода для таблицы Google в квадрате, но пока безуспешно.

Note: I need the ability to FREEZE the TOP ROW and the LEFT COLUMN at the same time.

 Frank Conijn04 июл. 2014 г., 13:06
Ссылка не работает. Можете ли вы предоставить новый, потому что мне действительно любопытно, какова практическая ценность такой таблицы.

Ответы на вопрос(5)

Scrollable (плагин jQuery)

Демо здесь

 14 дек. 2010 г., 09:58
демо было сломано в моем браузере (хром)

есть много плагинов для таблиц с фиксированной головой.

ммы Ганта).

он использует 3 таблицы: 1 для левого столбца (строки), 1 для верхнего (столбцы), а затем данные.

Вы должны упорно трудиться, чтобы получить клетки, чтобы соответствовать размерам с теми, которые они соответствуют до ( table layout-fixed может помочь достичь этого).

Затем таблицы помещаются в несколько элементов div; левый и верхний делители имеют (как указано выше) высоту & amp; ширина иoverflow-auto в их css.

Затем вы подключаете некоторый JavaScript, чтобы синхронизировать прокрутку левого / верхнего делителей с внутренним ...

Насколько я помню, было довольно много «ругань-и-попробуй-снова», но это можно сделать с минимальным js.

НТН

Решение Вопроса

http://ajaxian.com/archives/freeze-pane-functionality это должно быть легко скопировать. Обязательно обратите внимание на комментарии - многие пользователи внесли полезные предложения по улучшению сценария.

По запросу @ Nirk прямая ссылка на активную демонстрацию находится по адресуhttp://www.disconova.com/open_source/files/freezepanes.htm.

 26 июн. 2013 г., 20:00
Я специально связался со статьей - в комментариях было много полезных улучшений, которые должен рассмотреть автор, IMO.
 16 окт. 2009 г., 22:48
Кто-нибудь нашел лучший способ сделать это? Я работаю с некоторыми ОГРОМНЫМИ наборами данных, и поэтому таблицы содержат много данных, клонировать эти данные до 4 раз просто не получится. Есть ли у jQuery какие-либо методы для достижения этой же цели?

table
  row
    column (blank)
    column
      table (1 row high, column headers)
  row
    column 
      table (1 column wide, row headers)
    column
      div (fixed height & width, overflow auto)
        table (actual data)

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

 13 мар. 2010 г., 16:40
Что если вы хотите, чтобы содержимое ячейки определяло размеры ячейки (т. Е. Используйте макет таблицы по умолчанию)?

Ваш ответ на вопрос