服务器端数据表中的分页不起作用（未更改URL）

Question

i have a datatable for which my jquery is as follows,

$('#example').DataTable({
    "lengthMenu": [[10,15,20,25,-1], [10,15,20,25,'All']],
    "processing": true,
    "serverSide": true,
    ajax: {
        url: 'url2',
        dataSrc: 'data'
    },
    columns: [
        { data: 'column1' },
        { data: 'column2' },
        { data: 'column3' },
        { data: 'column4' },
        { data: 'column5' },
        { data: 'column6' }
    ]
}); 

this is working properly. The only issue is although its showing pagination links, they are not clickable and all the rows are displayed in first page itself.

for eg. if there are 100 rows, the links are getting generated 1-10 but all the 100 records are showing on the first page itself.

I've referred ,
https://datatables.net/examples/data_sources/server_side

what am i doing wrong here?
Thank you for your suggestions

Server side code -

$total_records = $this->model2->getTotal();

$query['results'] = $this->model1->get_Data();


$data = array('data' => $query['results'],
                                "draw" =>  (isset($_REQUEST["draw"]) ? $_REQUEST["draw"] : 0),
                                "recordsTotal" =>  $total_records,
                                "recordsFiltered" => $total_records
                                 );
echo json_encode($data);  

I think i know what am i doing wrong, when i print $_GET in my php code it comes out to be empty. But it is supposed to have the limit and offset value. How to i send limit offset in $_GET?

Answer 1

You need to know how many records go on a page, and how many records there are.

Your SQL will end in OFFSET 30 LIMIT 10 (for example).

First get total Records. Page will come through your URL and default to page 1 if not set.

The offset is calculated like this (example, page 3):

$totalPages = ceil($totalRecords / $numPerPage); // round up the way.
$offset = ($page * $numPerPage) - $numPerPage; // (3 * 10 = 30) - 10 = offset 20

Your SQL will therefore grab records with OFFSET 20 LIMIT 10

Answer 2

This is what your server.php should looks like. Think you are missing some lines of code:

  <?php
    $table = 'employees';
    $primaryKey = 'id'; // Table's primary key

    $columns = array(
        array( 'db' => 'id', 'dt' => 0 ),
        array( 'db' => 'first_name', 'dt' => 1 ),
        array( 'db' => 'last_name',  'dt' => 2 ),
        array( 'db' => 'position',   'dt' => 3 ),
        array( 'db' => 'date',     'dt' => 4 ),
         array( 'db' => 'updated',     'dt' => 5 ),
    );

    $sql_details = array(
        'user' => 'username',
        'pass' => 'password',
        'db'   => 'database',
        'host' => 'localhost'
    );

    require( 'ssp.class.php' );

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

End result: https://databasetable-net.000webhostapp.com/

This should get you in the right direction. Think the ssp.class.php file might need added too, unsure if you have it (you can find it on github). Hope this helps!