Topic: Formatting the header of an mdbdatatable

DashMarketingGroup priority asked 1 month ago


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!


Kamila Pieńkowska staff answered 1 month ago


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.


DashMarketingGroup priority answered 1 month ago


Thank you. That worked.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Priority
  • 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