Question

你能帮忙吗？

   <table id="myTable">
                    <thead>
                        <tr/>
                    </thead>
<tbody/>
                </table> 



    "bJQueryUI": false,
    "bProcessing": false,
    "bServerSide": true,
    "bFilter": true,
    "bAutoWidth": false,
    "bDeferRender": true,
    "bScrollCollapse": true,
    "oScroller": {
        serverWait: true
    },
    "bInfo": true,
    "aaSorting": [
        [1, 'asc']
    ], // Default first column sort
    "sDom": 'tiS',

滚动时，表格会自动调整大小

Answer 1

我认为你的表结构是根据datatable进行的，尝试创建一个这样的表：

<table class="display" id="example">
    <thead>
        <tr>
            <th>Title 1</th>
            <th>Title 2</th>
            <th>Title 3</th>
        </tr>
    </thead>
    <tbody>
         <tr>
            <td>Res 1</td>
            <td>Res 2</td>
            <td>Res 3</td>
         </tr>
    </tbody>
</table>

如果您愿意，则无法设置<tfoot>

试试这个，如果有效，请设置$("#example").dataTable({...});。

Datatable Javascript显示水平滚动条

1 个答案: