Color customization
Use props in color related props to customize border color, background color and font color of table head, table body and table footer.
Example
<EasyDataTable
v-model:items-selected="itemsSelected"
:headers="headers"
:items="items"
buttons-pagination
alternating
border-color="#445269"
header-background-color="#2d3a4f"
header-font-color="#c1cad4"
even-row-background-color="#4c5d7a"
even-row-font-color="#fff"
footer-background-color="#2d3a4f"
footer-font-color="#c0c7d2"
row-background-color="#2d3a4f"
row-font-color="#c0c7d2"
row-hover-background-color="#eee"
row-hover-font-color="#2d3a4f"
theme-color="#1d90ff"
:hover-to-change-color="false"
/>
PLAYER | TEAM | NUMBER | POSITION | HEIGHT | WEIGHT (lbs) | LAST ATTENDED | COUNTRY | |
---|---|---|---|---|---|---|---|---|
Stephen Curry | GSW | 30 | G | 6-2 | 185 | Davidson | USA | |
Lebron James | LAL | 6 | F | 6-9 | 250 | St. Vincent-St. Mary HS (OH) | USA | |
Kevin Durant | BKN | 7 | F | 6-10 | 240 | Texas-Austin | USA | |
Giannis Antetokounmpo | MIL | 34 | F | 6-11 | 242 | Filathlitikos | Greece |