实例讲解DataTables固定表格宽度(设置横向滚动条

一、HTML结构

```html

```

二、CSS样式覆盖

-

接下来，我们需要通过CSS来覆盖某些样式，以实现固定宽度和横向滚动条的设置。例如：

```css

tableArea .dataTables_wrapper {

position: relative;

clear: both;

zoom: 1;

overflow-x: auto; / 出现横向滚动条 /

}

tableArea table {

}

```

三、列宽设置（可选）

如果需要，还可以针对每一列进行宽度的设置，例如在JavaScript中的"columns"属性进行设置。例如：

```javascript

"columns": [

{ "data": "number", "orderable": false, "width":"100px","searchable": false}

// 其他列的宽度设置...

]

```

四、效果预览与比较

-