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 -
Mercury Sun 87.97 -
Venus Sun 224.7 -
Earth Sun 365.26 -
Mars Sun 686.98 -
Jupiter Sun 4332.71 -
Saturn Sun 10759.5 -
Uranus Sun 30685.0 Herschel 1781
Neptune Sun 60190.0 Adams 1846
Pluto Sun 90800.0 Tombaugh 1930
Moon Earth 27.32 -
Phobos Mars 0.32 Hall 1877
Deimos Mars 1.26 Hall 1877
Metis Jupiter 0.29 Synnott 1979
Adrastea Jupiter 0.3 Jewitt 1979
Amalthea Jupiter 0.5 Barnard 1892
Thebe Jupiter 0.67 Synnott 1979
Io Jupiter 1.77 Galileo 1610
Europa Jupiter 3.55 Galileo 1610
Ganymede Jupiter 7.15 Galileo 1610
  • 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-2023 Apache Software Foundation, Licensed under the Apache License, Version 2.0.