|Ratings|| ||Unique User Downloads|| ||Download Rankings|
| 79%||Total: 964 ||All time: 3,738 This week: 257|
|Collaborate with this project|| |
This package can load HTML tables dynamically using AJAX.
The jQuery plugin will perform AJAX requests to retrieve the table data and package classes generate the response with values to display on the table from data passed to the classes.
The package can also generate LIMIT clause for pagination and so only show the results for the current table page, as well ORDER BY clause to show the table data according to the column that the user picked to sort.
The presentation of the table can be configured with CSS styles.
The texts used in pagination links and other messages can be translated to multiple languages.
Prize: One big elePHPant Plush Mascott
|Many applications need to display listings on Web pages. Those listings often appear as HTML tables split in multiple pages according.
The typical way to display these listing tables is to show links to go between pages. However, reloading the whole listing pages when the user clicks on the navigation links may be slow.
A better alternative is to use AJAX requests to retrieve only the part of the listings that changed. That is better but if you send the whole listing table HTML to the browser, it may be way more information than it is needed because the whole HTML markup will need to be sent too.
This package provides a better alternative that consists in sending initially the skeleton of the table. Then the class can send just the information of the table cells without the whole HTML markup.
This way it can increase the speed of the table listing update.
AjaxTable support pagination, responsive, i18n and more. You can change style, add html classes, change strings in your Language class and more.
Want to see more? We have a demo here.
PHP 5.4 or later
jQuery 1.6 or later
1 - For install, you can use composer as below
composer require vectordev/ajaxtable
or download tarball and include
autoload.php in your code as require.
2 - Copy all files on
css folder to your assets folder and include in your page.
To see this library in action, see usage.md.
||Applications that use this package
No pages of applications that use this class were specified.
If you know an application of this package, send a message to the author to add a link here.