Here you can see Table JX in action! There are a few examples where it is shown what can be achieved with Table JX.  It is possible to show as many grids on the same page as you wish. Using some creativity, you can bring viewers of your page great experience and personal touch with your data. See also the Quick Start Guide to learn more about the backend interface.

Basic example

Here is an example which shows what you get by using only basic configuration. See how easy it is to look inside Northwind's data? Searching, sorting, viewing page by page. The grid can fit in any Joomla template.

Real Time Data

The table below shows real-time data about the number purchases of from our website. A database view was used for the calculation of percentage and range definition. A secondary order by option makes it possible sort countries within ranges. This example shows how easy it is to show any kind of data.  If you create an article and do some access control to that article, you will be able to show table(s) only to the users who are able to view your article. You can also use a backend options to filter the data and show each user his/her data.

Links, Search and Display Options

Next example is a linkable table where the records are linked to the articles on this website. Links can point to any address. They can be either defined in your database, or you can define a link template using a special parameter, which is then replaced for every record with the data from your database. The administration interface is very intuitive. Beside that you can also see on this example how you are able to give your users some more options for viewing and searching through the data and if you want you can also display line numbers...

Styles, Advances Search Form, All kinds of options

Styles of the grid are inherited from page template, however with a simple color selector you can colorify your table to suit your mood. If you want to get more advanced there are also some CSS classes defined which you can use to grab the grid and modify its styles using CSS. 

This example also represents the advanced Search Form where you can use search conditions for each field. In the backend there is an option where you can select weather to use AND or OR operator between the search constraints. 

As you see also a simple performance information can be displayed at the bottom of the grid.

 

There is more...

There are also some more display and search options available in the backend. For example the line height and column width can be adjusted. Additional where condition can also be defined if you want to filter your data before the appear on the website. Some dynamic parameters are also available, so that it is possible to filter the data according to the logged in user, user group, or the article where the grid appears in. The backend interface is simple and very intuitive and all the options are listed clearly on one single page, so you can quickly find, access and change the options however you like. See also the Quick Start Guide to learn more about the backend.