$('#red').smartpaginator({ totalrecords: 100, 
                                      recordsperpage: 10,
                                      theme: 'red', 
                                      onchange: function(newPage) {
                                            $('#r').html('Page # ' + newPage);
                                        }
            });

        

This demo shows the use of onchange callback, on each page click you'll get the new page no. So, you can pull data from your datasource, probably database or some xml file. Smart Pagination can also filter your data automatically, this is usefull if you only want client side pagination. Obvioulsy this will be suitable only for small data. Click on Demo 2 to see and example.

         $('#green').smartpaginator({ totalrecords: 10,
                                      recordsperpage: 3, 
                                      datacontainer: 'mt', 
                                      dataelement: 'tr',
                                      theme: 'green' });
        

This demo shows how Smart Paginator can filter your data automatically. Here we have an HTML table with 10 rows and 6 columns, and we want 3 recods to be displayed on each page. For this you need to pass the id of the HTML table you want Smart Paginator to filter see the datacontainer property, and you also need to set the dataelement tag which is 'tr' for a table. 'datacontainer' and 'dataelement' properties establish parent child relation, you can pass any element other than table as 'datacontainer' and set the 'dataelement', Smart Paginator will filter the 'dataelements' gracefull. See Demo 3 for for an example of this.

          $('#black').smartpaginator({ totalrecords: 5,
                                        recordsperpage: 1,
                                        datacontainer: 'divs', 
                                        dataelement: 'div',
                                        theme: 'black' });
        

This demo shows the use of Smart Paginator with HTML elements other than table. See how divs are displayed according to current page.