一、DataTables的默认配置风采

二、解锁DataTables的基础属性配置

开启翻页功能、调整每页数据数量、启用过滤、关闭排序、展示页脚信息以及自动调整列宽，这些都可以通过简单的配置实现。详情参见：

三、数据排序，轻松搞定

想让数据按照你的意愿排序吗？从第0列开始，以第4列倒序排列，这一切只需一段代码：`$('example').dataTable( {"aaSorting": [[ 4, "desc" ]]} );`。更多排序技巧，点击这里了解：

四、多列排序，一展身手

想要多列排序？没问题，这里有你需要的答案：

五、巧妙隐藏某些列

如果你希望隐藏某些列，可以使用`$('example').dataTable({"aoColumnDefs": ...});`这段代码。具体操作请参照：

六、改变页面上元素的位置

想调整页面元素的布局？使用`$('example').dataTable({"sDom": ...});`这段代码，你可以轻松实现。具体示例和解析：

七、状态保存，记忆你的选择

一、状态保存功能

```javascript

$(document).ready(function() {

$('example').dataTable({"bStateSave": true});

});

```

二、翻页样式的数字显示

想要看到具体的页码数字吗？请访问：[示例链接]( `"sPaginationType": "full_numbers"` 参数，你可以轻松实现带有页码数字的翻页风格。代码如下：

```javascript

$(document).ready(function() {

$('example').dataTable({"sPaginationType": "full_numbers"});

});

```

三、水平限制宽度

```javascript

$(document).ready(function() {

$('example').dataTable({"sScrollX": "100%", "sScrollXInner": "110%", "bScrollCollapse": true});

});

```

接下来，我们看看如何限制垂直高度和同时限制水平和垂直方向的功能，相关示例链接已在文中给出。

四、改变语言设置

```javascript

$(document).ready(function() {

$('example').dataTable({

"oLanguage": {

"sLengthMenu": "每页显示 _MENU_ 条记录", // 等其他语言设置参数... 自定义你的语言选项即可。

} // 其他语言参数... 填充你的语言选项即可。 这里的代码只是部分展示。完整代码请查看示例链接。

});

});