Lazy loading of table rows in Jquery datatables 1.10.10?

Question

I am using jquery datatable 1.10.10. Is there any options for lazy loading of row data in datatable. For example , if the datatable contains 50 row of records, if I scroll the datatable till the end, it requests for another 50 rows of data and appends to already existing datatable ?

Gyrocode.com · Accepted Answer · 2018-11-15 12:05:52Z

12

Lazy loading can be achieved with Scroller extension and server-side processing, see Scroller - Server-side processing example.

For example:

$(document).ready(function() {
    $('#example').DataTable( {
        serverSide: true,
        ordering: false,
        searching: false,
        ajax: '/path/to/script',
        scrollY: 200,
        scroller: {
            loadingIndicator: true
        }
    } );
} );

Alternatively I have developed PageLoadMore plug-in that allows to replace default pagination control with "Load more" button. See this answer or jQuery DataTables: "Load more" button article for more examples and details.

edited Nov 15, 2018 at 12:05

answered Feb 10, 2016 at 13:38

Gyrocode.com

59k16 gold badges157 silver badges192 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Kamal Over a year ago

Thank you . I will try this and let you know :)

Collectives™ on Stack Overflow

Lazy loading of table rows in Jquery datatables 1.10.10?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related