[FREE] TableViewer - fully style customized to show table data

Some examples of how to use css classes with Tableviewer. You can apply a class to the inner text, the cell, the row, the column or the entire table.

I used this data for the examples:

and a vertical arrangement was initialised

Here is the basic table with a header

Now I set a class to make the header background red and text white

Now I set three classes, one to the header, one to the table body, and one to the second row of the data

Finally, I use a css framework style file. This is loaded locally from the assets, but I could use a url from the internet. In this instance I have used the W3.css framework, which provides several classes for table display.

4 Likes