Align header mdb-datatable


Topic: Align header mdb-datatable

Shimon Amar asked 5 years ago

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


Mikołaj Smoleński staff answered 5 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 commented 5 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 5 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 pro premium 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
  • User: 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