数据表分页不适用于服务器端

Question

我想使用数据表插件显示来自数据库的数据，但问题是，它在一页中显示所有数据，仍然显示显示 1 of 10 并且分页按钮出现但不起作用。

jquery:

<script>
    $(document).ready(function() {
    $('#leads').DataTable( {
        "processing": true,
        "serverSide": true,
        "ajax":{
            url :"includes/get_data_script_test.php", // json datasource
            type: "post",  // type of method  , by default would be get
          }
    } );
} );
</script>

get_data_script_test.php：

<?php

/*
 * DataTables example server-side processing script.
 *
 * Please note that this script is intentionally extremely simply to show how
 * server-side processing can be implemented, and probably shouldn't be used as
 * the basis for a large complex system. It is suitable for simple use cases as
 * for learning.
 *
 * See http://datatables.net/usage/server-side for full details on the server-
 * side processing requirements of DataTables.
 *
 * @license MIT - http://datatables.net/license_mit
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Easy set variables
 */

// DB table to use
$table = 'lead';

// Table's primary key
$primaryKey = 'id';

// Array of database columns which should be read and sent back to DataTables.
// The `db` parameter represents the column name in the database, while the `dt`
// parameter represents the DataTables column identifier. In this case simple
// indexes

$columns = array(
    array( 'db' => 'name', 'dt' => 0 ),  
);

// SQL server connection information
$sql_details = array(
    'user' => '**********',
    'pass' => '***********',
    'db'   => '**********',
    'host' => '**********'
);


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * If you just want to use the basic configuration for DataTables with PHP
 * server-side, there is no need to edit below this line.
 */

require( 'ssp_class.php' );

echo json_encode(
    SSP::simple( $_GET, $sql_details, $table, $primaryKey, $columns )
);
?>

Answer 1

要使分页工作，您需要在jquery 脚本中设置它。你需要这样的东西：

<script>
    $(document).ready(function() {
    $('#leads').DataTable( {
        "lengthMenu": [[10,15,20,25,-1], [10,15,20,25,'All']], //This line needs added so that it knows what to set the page lengths to
        "processing": true,
        "serverSide": true,
        "ajax":{
            url :"includes/get_data_script_test.php", // json datasource
            type: "post",  // type of method  , by default would be get
          }
    } );
} );
</script>

如果没有lengthMenu，DataTables 将不知道将页面长度设置为什么，并且只会显示所有数据。