Как сделать таблицу шире окна

280

10 июня 2017, 13:03

Есть широкая таблица. Её размер должен быть шире размера окна. Автоматически её размер подстраивается под окно и колонки становятся уже.

Как сделать так, чтобы таблица выходила за размер окна, не сжимая колонки?

Answer 1

Задайте ширину таблицы:

#container { 
    min-height: 100%; 
    width: 150%;  
}

<table id="container"> 
  <tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td></tr> 
</table>

#container { 
    min-height: 100%; 
    width: 800px;  
}

<table id="container"> 
  <tr><td>a</td><td>b</td><td>c</td><td>d</td><td>e</td><td>f</td></tr> 
</table>

Answer 2

Можно абсолютным позиционированием, предварительно поместив таблицу в родительский блок c position: relative:

html

<div class="parent">
<table></table>
</div>

css

.parent{
position: relative;
width: 100%;
}
.parent table{
position: absolute;
}

ТОП-10

Ситуация следующая: необходимо разделить секцию на 2 (две) равные частиСлева белая, справа серая

543

Дано: 2 формы

301

Есть стандарт IEEE 754 двоичного представления чисел и их арифметикиВ нем описываются нормализованные числа и ненормализованные

235

Как пропатчить переменную в dll с private на public удаленно?

231