Question

我在数据表宽度上有问题，以允许溢出-x滚动。我想固定列宽，不允许调整宽度，如果超出宽度，则显示滚动条。

<table id="example" class="table table-striped table-bordered nowrap display" style="width:100%;table-layout:fixed;">
    <thead>
        <tr>
            <th style="width:30%;">Name</th>
            <th style="width:30%;">Position</th>
            <th style="width:30%;">Office</th>
            <th style="width:30%;">Age</th>
            <th style="width:30%;">Start date</th>
            <th style="width:30%;">Salary</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Tiger Nixon</td>
            <td>System Architect</td>
            <td>Edinburgh</td>
            <td>61</td>
            <td>2011/04/25</td>
            <td>$320,800</td>
        </tr>       
</table>

我希望表格以固定的宽度显示每列而不自动调整。添加水平滚动条以使内容可滚动而不改变其宽度。

在datatable中将scrollX设置为true会影响标题对齐，因此我不使用它。任何解决方案都可以使用CSS做到吗？

Answer 1

尝试将“％”更改为“ px”。

例如：width:100px;

如何使用CSS而不是datatable插件将水平滚动条添加到datatable？

1 个答案: