DataTables displayStart 选项

简介

DataTables是一个功能强大的用于在Web页面上展示数据的插件。其中，displayStart选项用于设置DataTables初始显示的数据索引，从而实现数据分页。本文将对displayStart选项进行介绍。

用法

displayStart选项的默认值为0，表示第一次加载数据时，从数据集合的第一行开始展示。displayStart选项可以通过直接设置DataTable的配置选项（即通过传参）或动态设置（即更改DataTable选项的值）来进行更改。

直接设置

通过传参直接设置displayStart选项。示例如下：

$(document).ready( function () {
    $('#example').DataTable( {
        "displayStart": 20
    } );
} );

上述代码中，传参时指定了displayStart的值为20，表示第一次显示的数据从数据集合的第20行开始。

动态设置

可以通过DataTable提供的API方法来动态设置displayStart选项。该方法为 table.displayStart()，可以接受一个参数，表示要展示的数据的起始索引。示例如下：

$(document).ready( function () {
    var table = $('#example').DataTable();

    // 更改displayStart选项的值为20，即从第20行开始展示数据
    table.displayStart(20);
} );

上述代码中，通过DataTable的API方法 table.displayStart() 来更改displayStart选项的值。

总结

本文介绍了DataTables插件中的displayStart选项，以及如何通过直接设置和动态设置来更改displayStart选项的值。在使用DataTables插件时，displayStart选项非常实用，可以用来实现数据分页等功能。