Tobago Demo

Menu

Sheet Static Header

There are several ways to display the header. For simple column headers, use the attribute label of <tc:column>. For more complex header which span over columns and/or rows please go to the Sheet Multi Header section.

Tag Library Documentation: <tc:sheet/> | <tc:column/>

Basics

A sheet with six rows. The name of the columns is set by the label attribute.

<tc:sheet value="#{sheetController.solarList}" var="object" rows="6"> <tc:column label="Name"> <tc:out value="#{object.name}"/> ...
NameOrbitPeriod (Days)DiscovererYear
Sun-0.0-
MercurySun87.97-
VenusSun224.7-
EarthSun365.26-
MarsSun686.98-
JupiterSun4332.71-
Rows 1 to 6 of 88
  • Page 1 of 15

Scrolling Header

A sheet with ten rows and a maximal height of 500px. The header is scrollable.

To get a scrolling header, you have to set a maximal height and the width of all columns must be calculated automatically.

<tc:sheet value="#{sheetController.solarList}" var="object" rows="10"> <tc:style maxHeight="500px"/> ...
NameOrbitPeriod (Days)DiscovererYear
Sun-0.0-
MercurySun87.97-
VenusSun224.7-
EarthSun365.26-
MarsSun686.98-
JupiterSun4332.71-
SaturnSun10759.5-
UranusSun30685.0Herschel1781
NeptuneSun60190.0Adams1846
PlutoSun90800.0Tombaugh1930
Rows 1 to 10 of 88
  • Page 1 of 9

Header always visible

A sheet with ten rows and a maximal height of 500px. The header is static.

To get a static header, you have to set a maximal height and the columns attribute must be used to set the width of the columns manually.

<tc:sheet value="#{sheetController.solarList}" var="object" rows="10" columns="3fr 80px 20% 2fr 1fr"> <tc:style maxHeight="500px"/> ...
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
Rows 1 to 10 of 88
  • Page 1 of 9
© 2005-2024 Apache Software Foundation, Licensed under the Apache License, Version 2.0.