我有一个相当大的表位于固定的div中,设置为溢出.这会添加一个水平滚动条很好,但我希望能够在可滚动的div中拖动我的表,所以基本上不仅仅依靠滚动条来滚动表格.
我的(样本)代码:
.box {
overflow-x: auto;
overflow-y: hidden;
width: 500px;
}
table {
width: 100%;
}
table td,
table th {
padding: 5px;
}<div class="box">
<table>
<thead>
<tr>
<th>Column1</th>
<th>Column2</th>
<th>Column3</th>
<th>Column4</th>
<th>Column5</th>
<th>Column6</th>
<th>Column7</th>
<th>Column8</th>
<th>Column9</th>
<th>Column10</th>
<th>Column11</th>
<th>Column12</th>
</tr>
</thead>
<tbody>
<tr>
<td>Lorem ipsum dolor sit amet bla bla etc</td>
<td>Lorem ipsum dolor sit amet bla bla etc</td>
<td>Lorem ipsum dolor sit amet bla bla etc</td>
<td>Lorem ipsum dolor sit amet bla bla etc</td>
<td>Lorem ipsum dolor …