DataTables pagingType选项

  • Post category:jquery

以下是关于DataTables pagingType选项的完整攻略:

  1. pagingType选项是什么?

pagingType选项是DataTables中的一个选项,用于设置表格分页的类型。使用pagingType选项,可以设置表格分页的类型。

  1. 如何使用pagingType选项?

可以使用以下代码设置pagingType选项:

$('#example').DataTable( {
    "pagingType": "full_numbers"
} );

在这个代码中,我们使用了"pagingType": "full_numbers"来设置表格分页类型为full_numbers。在这个示例中,表格将使用完整的数字分页控件。

  1. 示例1:设置表格分页类型为数字
$('#example').DataTable( {
    "pagingType": "numbers"
} );

在这个示例中,我们使用了"pagingType": "numbers"来设置表格分页类型为numbers。在这个示例中,表格将使用数字分页控件。

  1. 示例2:设置表格分页类型为简单
$('#example').DataTable( {
    "pagingType": "simple"
} );

在这个示例中,我们使用了"pagingType": "simple"来设置表格分页类型为simple。在这个示例中,表格将使用简单的分页控件。

  1. 示例3:设置表格分页类型为自定义
$('#example').DataTable( {
    "pagingType": "simple_numbers",
    "language": {
        "paginate": {
            "next": "下一页",
            "previous": "上一页"
        }
    }
} );

在这个示例中,我们使用了"pagingType": "simple_numbers"来设置表格分页类型为simple_numbers。我们使用了"language": { "paginate": { "next": "下一页", "previous": "上一页" } }来自定义分页控件的文本。在这个示例中,表格将使用简单的数字分页控件,并且“下一页”和“上一页”按钮将被自定义为中文。

总结:

pagingType选项是DataTables中的一个选项,用于设置表格分页的类型。使用pagingType选项,可以设置表格分页的类型。可以使用full_numbersnumberssimplesimple_numbers来设置pagingType选项。可以使用language选项来自定义分页控件的文本。