Design the table
The table can be built freely in the FootballManager Standings module. You define which columns should be displayed at which position. In the module settings in the tab Columns you can add new columns in the area Table Columns, choose what the content should be, what the column header should be and enter additional CSS classes for table headers & table values that should be applied.
The first input fields for Table Classes, Table Attributes as well as Generic Table Header & Generic Table cell Classes apply to the complete table respectively all cells. Here, for example, you can use the native UIkit 3 table classes for styling so that from this table:
Becomes this table:
Here the following CSS classes were applied to the table itself (Table Classes): uk-table
uk-table-divider
uk-table-hover
To center the content vertically you can use the additional class uk-table-middle
. You can get a nice mousover effect with the additional class uk-table-hover
.
You can center the text inside a cell using the uk-text-center
class. You can use this either as a generic class or only in one column.
Want the team names to stand out a bit more? No problem, try the classes uk-text-bold
, uk-text-large
or uk-text-lead
. Just enter the class names in the Table Cell Classes field for the Team column.
And if you didn't (or couldn't) follow our recommendation and saved the team logos in JPG format with background instead of PNG with transparency, try to use uk-border-circle
or uk-border-rounded
as logo custom class...
Cool, isn't it? On this page you will find even more examples and possible CSS classes that you can use with our table: