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
|
|
For responsive display or hiding columns, see the
Bootstrap
styling example.