Фиксированные заголовки HTML таблицы и крайний левый столбец - PullRequest
Новая
       6

Фиксированные заголовки HTML таблицы и крайний левый столбец

1 голос
/ 01 октября 2011

Я пытаюсь создать электронную таблицу, похожую на Google Docs Spreadsheet или Excel, где у вас есть таблица, полная данных. Как сделать так, чтобы при вертикальной прокрутке первая строка оставалась фиксированной, а когда пользователь прокручивал горизонтально, первая колонка оставалась фиксированной? Я не ищу плагин, просто как это сделать с помощью HTML / CSS? Я искал код для таблицы Google Docs, но не могу точно определить решение. Может ли кто-нибудь привести простой пример для этого?

Например:

jsFiddle: http://jsfiddle.net/tYUwd/2/

В jsFiddle, когда вы прокручиваете по горизонтали, я бы хотел, чтобы .row-header элементы были исправлены. При вертикальной прокрутке .column-headers должны быть зафиксированы.

1 Ответ

2 голосов
/ 01 декабря 2011

Я вполне уверен, что в настоящее время это невозможно сделать только с помощью HTML / CSS.Вы можете создать фиксированный заголовок или псевдо-фиксированный первый столбец только с помощью HTMl / CSS, но вам нужен JavaScript, чтобы оба работали вместе.Я хотел бы предложить проверить этот сайт: http://www.8164.org/the-big-table-issue/

Я бы также предложил проверить эти два возможных решения: http://cross -browser.com / x / examples / xtable.php http://www.disconova.com/open_source/files/freezepanes.htm

Я уже использовал решение Freeze Panes, и оно отлично работает.

...