Topic: Formatting the header of an mdbdatatable
I am using a datatable, with the code below:
<div class="datatable mb-5" id="dtProducts" data-mdb-striped="true" data-mdb-hover="true" data-mdb-loading="true"
data-mdb-color="light-blue" data-mdb-loader-class="bg-success" data-mdb-border-color="dark" data-mdb-fixed-header="true"
data-mdb-max-width="100%">
</div>
I cannot find anything in the documentation on how to format the column headers. I want to use a larger font, and both a foreground and background color. I found code for formatting cells and rows, but nothing on the column headers.
Thank you!
To format headers you can either use CSS (not inline) that targets those parts or nest div tag in the cell that you want to format.
To ensure a uniform table appearance, we need to strip inline styles during rendering but if you nest div in the cell the styles and classes of that div will be applied.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 7.3.1
- Device: Laptop
- Browser: Chrome
- OS: Win11
- Provided sample code: No
- Provided link: No