Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Align header mdb-datatable

Shimon Amar free asked 4 years ago


i am using mdb-datatable how i can align the header to the right


Mikołaj Smoleński staff answered 4 years ago


Hi there,

I recommend to use one of the following two classes for heading: float-right or text-right.

Best regards


Shimon Amar free commented 4 years ago

hi thanks for the answer but How exactly I use the class Where do I set up the class i define the column in columns: [ { label: 'Name', field: 'name', sort: 'asc', },..


Mikołaj Smoleński staff commented 4 years ago

I suggest to inspect your datatable by using console (F12), check style rules of each element in heading and add new css styles for them where necessary. I would need to see your code to answer more precisely.

Best regards


nutapos priority commented 2 years ago

Not answer the question. in mdbootstrap docs, we can format cell https://mdbootstrap.com/docs/standard/data/datatables/#section-cell-format

Can we do format header as well so specific header align to the center/right?



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: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 6.2.0
  • Device: vscode
  • Browser: chrome
  • OS: windows 10
  • Provided sample code: No
  • Provided link: No