ARI Smart Content: ARI JDataTable plugin

Joomla data table plugin, module, extension, component. Adds sorting, filter, paging functionality to your Joomla HTML table.

presents information in tabular view and make it easy accessible, with potentially large amounts of data being presented to the end user at any one particular point. Uses jQuery library. This plugin is also a part of ARI Smart Content: DataTable Pack

Features:
  • Variable length pagination
  • On-the-fly filtering
  • Sorting with data type detection
  • Smart handling of column widths
  • Themeable by CSS
  • Hidden columns
  • Extremely customisable and flexible
  • Dynamic creation of tables
  • Multi-column sorting
  • Save state possibility
  • Internalizable
  • Supports jQuery UI themes

Example:


Theme:

column1 column2 column3 column4 column5
A B G W C
B C D E F
1 77 X Y W
100 177 0X test data
1050 154377 07X test2 data
1800 1577 0X 435 da76ta
1050 1747 0X 5756 213
14500 16577 6575 5357 d765ata
10045 1345377 054X test 14234
1064560 6456 75 8678 534
142400 64564 0X756 5765 576576
1900 1577 999 435 da76ta
432 23423 028374 758943 784392
25345 53 076183 123 555



Usage:

{arijdatatable bPaginate="true"} <table> <thead> <tr> <th>column1</th> <th>column2</th> <th>column3</th> </tr> </thead> <tbody> <tr> <td>content1</td> <td>content2</td> <td>content3</td> </tr> </tbody> </table> {/arijdatatable}

<thead> tag is mandatory. It is used to create column headers.


Parameters:

  • customPagination - Indicate page length values for pagination drop down. Values: numbers separated by commas
  • bPaginate - Enable or disable pagination. Values: true, false
  • sPaginationType – Type of pagination. May display Next/Prev buttons or full numbers. Values: two_button, full_numbers
  • bLengthChange - Allows the end user to select the size of a formatted page from a select menu (sizes are 10, 25, 50 and 100). Requires pagination. Values: true, false
  • bStateSave - Enable or disable state saving. When enabled a cookie will be used to save table display information such as pagination information, display length, filtering and sorting. As such when the end user reloads the page the display display will match what thy had previously set up. Value: true, false
  • iCookieDuration - Duration of the cookie which is used for storing session information. This value is given in seconds. Values: integer
  • bFilter - Enable or disable filtering of data. Values: true, false
  • bSort - Enable or disable sorting of columns. Values: true, false
  • bInfo - Enable or disable the table information display. This shows information about the data that is currently visible on the page, including information about filtered data if that action is being performed. Values: true, false
  • bProcessing - Enable or disable the display of a 'processing' indicator when the table is being processed (e.g. a sort). This is particularly useful for tables with large amounts of data where it can take a noticeable amount of time to sort the entries. Values: true, false
  • bAutoWidth - Enable or disable automatic column width calculation. Values: true, false
  • iDisplayLength - Number of rows to display on a single page when using pagination. Values: 10,25,50,100
  • sDom - Allows you to specify exactly where in the DOM you want DataTables to inject the various controls it adds to the page (for example you might want the pagination controls at the top of the table). DIV elements (with or without a custom class) can also be added to aid styling
  • asStripClasses - CSS classes that should be applied to displayed rows. This array may be of any length, and DataTables will apply each class sequentially, looping when required. Values: comma separated CSS classes
  • oLanguage_sProcessing - Text which is displayed when the table is processing a user action (usually a sort command or similar). Values: any string
  • oLanguage_sLengthMenu - Detail the action that will be taken when the drop down menu for the pagination length option is changed. The '_MENU_' variable is replaced with a default select list of 10, 25, 50 and 100
  • oLanguage_sZeroRecords - Text shown inside the table records when the is no information to be displayed. This includes when the table is filtered to zero records. Values: any string
  • oLanguage_sInfo - This string gives information to the end user about the information that is current on display on the page. The _START_, _END_ and _TOTAL_ variables are all dynamically replaced as the table display updates, and can be freely moved or removed as the language requirements change. Values: any string
  • oLanguage_sInfoEmtpy - Display information string for when the table is empty. Values: any string
  • oLanguage_sInfoFiltered - When a user filters the information in a table, this string is appended to the information (sInfo) to give an idea of how strong the filtering is. The variable _MAX_ is dynamically updated. Values: any string
  • oLanguage_sInfoPostFix - It can be useful to append extra information to the info string at times, and this variable does exactly that. This information will be appended to the information at all times. Values: any string
  • oLanguage_sSearch - Details the actions that will be taken when the user types into the filtering input text box. Values: any string