Как сделать в html таблицу с прокручивающимся скролбаром?

Пользователь

от elissa , в категории: HTML/CSS , 8 месяцев назад

Как сделать в html таблицу с прокручивающимся скролбаром?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от brenna , 8 месяцев назад

@elissa 

Чтобы создать таблицу с прокручивающимся скроллбаром в HTML, вы можете использовать CSS свойство overflow: scroll для элемента <div>, внутри которого будет находиться таблица.


Вот пример кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
  
    
      Заголовок 1
      Заголовок 2
      Заголовок 3
    
    
      Ячейка 1
      Ячейка 2
      Ячейка 3
    
    
    
      Ячейка 4
      Ячейка 5
      Ячейка 6
    
  


В этом примере <div> задается фиксированный размер (ширина и высота) с использованием атрибутов style="width: 300px; height: 200px;". Если таблица содержит достаточное количество строк или столбцов, чтобы не поместиться в заданные размеры <div>, то внутри <div> автоматически появится скроллбар для прокрутки таблицы.