Fixed Header Scrolling Table

First NameLast NamePositionAgePayroll #
GeorgeBrownMechanic37AO936
SergeVeronskiTranslator25AO318
JasmineFosterSecretary41AO185
SimonTemplerSecurity19AO759
BorisZevinskiIT Tech33AO632
AnneBrownSales29AO489
RichardGreenDriver47AO331
JoyceJenningsJanitor54AO649
StevenWoodrowExecutive Director61AO036
HenryClarkTreasurer57AO076
ArnoldMarshallSales Director48AO223
ColinJacksonData Analyst24AO947
AlbertTubbsChef58AO619
JohnBlackGeneral Secretary35AO836

Scrolling Table

The table can have up to eight columns and one hundred rows. The height is fixed and the overflow set to allow the content to scroll. The table can be made responsive by checking the Full Width box in the Metrics insector and setting a maximum width.
The table layout can be fixed or auto and there is ab optional heading above the table.
The table header can be turned on if required and can have contrasting colors.
The rows are added using the EverWeb widget API Assets List and the data for each cell is entered in the boxes below it. This allows row data to be entered quickly by tabbing down the boxes.
The widget can use a web safe font or a non web safe font or a Google hosted one with a web safe fallback and both the cells and the table itself can have borders if required.
As can be seen from the example above, zebra striping can be turned on and there are controls for setting the font colors and background colors of the odd and even rows.

© EverWeb Widgets -

EverWeb Widgets