Jquery Datatables 调整表格大小以适合屏幕

Question

我正在使用 jQuery Datatables 创建一个应用程序，我希望无论电脑的分辨率是什么类型，表格看起来都一样。

例如，在 1920x1366 中，表格完美适合页面，但在 1366x768 上我必须水平和垂直滚动以查看其他列，但我只是希望表格更小。

我该怎么做？在数据表中使用某种容器或函数？

你好，拉法尔。

Answer 1

试试这个

    table {
    width:100%;
    table-layout:fixed;
    }

Answer 2

尝试将数据表使用的表标签设置为表宽度=100%。
这需要直接在 html 标签中完成，而不是在 css 中完成，如此处所述：
https://datatables.net/examples/basic_init/flexible_width.html

Answer 3

如果您的列填满整个屏幕，只需设置表格宽度= 100％并完成。

但如果列数较低，请设置表格宽度=100%，有两种方式：

1. 设置其中一列=100%

   col1,col2,col3,col4=100%,col5,col6,col7

2. 在标题和详细信息末尾添加一个空列，然后设置其宽度=100%

   col1,col2,col3,col4,col5,col6,col7,col8=100%