一、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_ 条记录", // 等其他语言设置参数... 自定义你的语言选项即可。
} // 其他语言参数... 填充你的语言选项即可。 这里的代码只是部分展示。完整代码请查看示例链接。
});
}); |
