以下是关于DataTables pagingType
选项的完整攻略:
pagingType
选项是什么?
pagingType
选项是DataTables中的一个选项,用于设置表格分页的类型。使用pagingType
选项,可以设置表格分页的类型。
- 如何使用
pagingType
选项?
可以使用以下代码设置pagingType
选项:
$('#example').DataTable( {
"pagingType": "full_numbers"
} );
在这个代码中,我们使用了"pagingType": "full_numbers"
来设置表格分页类型为full_numbers
。在这个示例中,表格将使用完整的数字分页控件。
- 示例1:设置表格分页类型为数字
$('#example').DataTable( {
"pagingType": "numbers"
} );
在这个示例中,我们使用了"pagingType": "numbers"
来设置表格分页类型为numbers
。在这个示例中,表格将使用数字分页控件。
- 示例2:设置表格分页类型为简单
$('#example').DataTable( {
"pagingType": "simple"
} );
在这个示例中,我们使用了"pagingType": "simple"
来设置表格分页类型为simple
。在这个示例中,表格将使用简单的分页控件。
- 示例3:设置表格分页类型为自定义
$('#example').DataTable( {
"pagingType": "simple_numbers",
"language": {
"paginate": {
"next": "下一页",
"previous": "上一页"
}
}
} );
在这个示例中,我们使用了"pagingType": "simple_numbers"
来设置表格分页类型为simple_numbers
。我们使用了"language": { "paginate": { "next": "下一页", "previous": "上一页" } }
来自定义分页控件的文本。在这个示例中,表格将使用简单的数字分页控件,并且“下一页”和“上一页”按钮将被自定义为中文。
总结:
pagingType
选项是DataTables中的一个选项,用于设置表格分页的类型。使用pagingType
选项,可以设置表格分页的类型。可以使用full_numbers
、numbers
、simple
或simple_numbers
来设置pagingType
选项。可以使用language
选项来自定义分页控件的文本。