Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
Double_sriker
0 / 0 / 0
Регистрация: 12.07.2013
Сообщений: 1
#1

верстка таблицы

15.07.2013, 21:33. Просмотров 717. Ответов 3
Метки нет (Все метки)

Добрый день!
Есть таблица, сверстанная. Необходимо доработать, чтобы первые пара колонок оставались на месте, остальная часть могла прокручиваться горизонтальной полосой. Всего 15 строк, поэтому нет необходимости в вертикальной полосе.
Javascript и ему подобные плагины использовать нельзя.
Вот при такой верстке смог закрепить:
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
  <table border="1">
   <tr>
        <th colspan="2">Заголовок 1</th>
        <th>Заголовок 2</th>
        <th>Заголовок 3</th>
   </tr>
   <tr>
        <th>Подзаголовок 1.1</th>
        <th>Подзаголовок 1.2</th>
        <th>Подзаголовок 2</th>
        <th>Подзаголовок 3</th>
   </tr>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
   </tr>
    <tr>
        <td>5</td>
        <td>6</td>
        <td>7</td>
        <td>8</td>
   </tr>
    <tr>
        <td>9</td>
        <td>10</td>
        <td>11</td>
        <td>12</td>
   </tr>
  </table>
Таким образом, необходимо, чтобы, к примеру, "Заколовок1" и "Заголовок2" были закреплены, остальные могли перемещаться.

Есть вариант сделать с position:absolute для "привязанных" колонок, но вся загвоздка в том, что нужно сделать один стиль для закрепленного заголовка, подзаголовка, т.к. таблица формируется по сложной логике в циклах.

Может кто подскажет, буду признателен за помощь!
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
15.07.2013, 21:33
Ответы с готовыми решениями:

Верстка таблицы
Ребят, я только начал изучать CSS Не хочет рисовать таблицу. Что ему надо?...

Верстка нестандартной таблицы
И еще одна табличка: Можно такое сделать на HTML не слишком извращаясь?

Верстка турнирной таблицы
Подскажите как можно сверстать такую сетку как на картинке, чтобы можно было...

Верстка блочной таблицы
Вот такую конструкцию на Дивах можно сваять? На каждый вопрос создавайте...

Верстка таблицы на div
Помогите пожалуйста мне сделать верстку таблицей. Я хочу, что б...

3
newJS
2397 / 1070 / 307
Регистрация: 23.06.2011
Сообщений: 3,330
15.07.2013, 21:48 #2
есть такая тема, может поможет
0
flashcsgroup
20 / 20 / 5
Регистрация: 18.04.2013
Сообщений: 487
16.07.2013, 13:46 #3
думаю, что display:table | table-caption | table-cell | table-column-group | table-column | table-footer-group | table-header-group | table-row | table-row-group и inline-table должны тебе помочь в этом деле

ну и может быть overflow ...
0
maximus2011
268 / 260 / 35
Регистрация: 21.02.2012
Сообщений: 1,078
16.07.2013, 19:30 #4
думаю надо на дивах сделать и не париться
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
16.07.2013, 19:30

верстка таблицы + наложить полоски
Привет всем! Как сделать такую табличку? Есть Недельный Календарь, ячейки...

Верстка таблицы с границами не до границ ячейки
Задача сверстать таблицу, у которой границы между ячейками не доходят до края...

Верстка таблицы с отступами между строк, но без border-collapse: separate возможно?
Приветствую! Недавно занимаюсь версткой, что то знаю что то нет, так что не...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru