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

верстка таблицы - HTML, CSS

15.07.2013, 21:33. Просмотров 700. Ответов 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
Я подобрал для вас темы с готовыми решениями и ответами на вопрос верстка таблицы (HTML, CSS):

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

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

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

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

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

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

3
newJS
2395 / 1068 / 307
Регистрация: 23.06.2011
Сообщений: 3,330
15.07.2013, 21:48 #2
есть такая тема, может поможет
0
flashcsgroup
20 / 20 / 5
Регистрация: 18.04.2013
Сообщений: 477
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 возможно?
Приветствую! Недавно занимаюсь версткой, что то знаю что то нет, так что не...

верстка
ребят помогите пожалуйста на html сверстать шаблон такой template (1).png...

Верстка
Доброе время суток! Решил попробовать сверстать макет. Верхняя часть уже...


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

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

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