Tobago Demo

Menu

Sheet Style

Inside of <tc:row> and <tc:column> tags a <tc:style> can be used to set a CSS class or style to a specific row. In this example the rows are green (via customClass planet) when the object orbit is 'Sun'. The cell in the year column is blue, when the objects discovering year is older than 1900 (custom class is old-planet).

Name  Orbit  Period (Days)  Discoverer  Year  
Sun-0.0-
MercurySun87.97-
VenusSun224.7-
EarthSun365.26-
MarsSun686.98-
JupiterSun4332.71-
SaturnSun10759.5-
UranusSun30685.0Herschel1781
NeptuneSun60190.0Adams1846
PlutoSun90800.0Tombaugh1930
MoonEarth27.32-
PhobosMars0.32Hall1877
DeimosMars1.26Hall1877
MetisJupiter0.29Synnott1979
AdrasteaJupiter0.3Jewitt1979
AmaltheaJupiter0.5Barnard1892
ThebeJupiter0.67Synnott1979
IoJupiter1.77Galileo1610
EuropaJupiter3.55Galileo1610
GanymedeJupiter7.15Galileo1610
Rows 1 to 20 of 88
  • Page 1 of 5

Responsive Column Display

For responsive display or hiding columns, see the Bootstrap styling example.
© 2005-2024 Apache Software Foundation, Licensed under the Apache License, Version 2.0.