Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

v-data-table: align property for headers broken

See original GitHub issue

Versions and Environment

Vuetify: 1.1.13 Vue: 2.5.17 Browsers: Chromium 68 OS: Linux Mint 18

Steps to reproduce

Make a v-data-table
Use align: '...' in the headers prop.

Expected Behavior

In the code, align: 'left' is defined for the first column heading (“Dessert”). It is expected that the column heading is left-aligned.

Actual Behavior

The column heading is centered, and the alignment setting seems to have no effect.

Reproduction Link

https://vuetifyjs.com/en/components/data-tables#example-headers

Issue Analytics

State:
Created 5 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

6reactions

DestBestcommented, Jun 15, 2021

Doc is misleading NOT WORKING: align?: ‘start’ | ‘center’ | ‘end’

WORKING: align?: ‘left’ | ‘center’ | ‘right’

3reactions

Vedran-Basiccommented, Feb 4, 2020

Actually I have only overriden the data-table body, but headers aren’t overriden. Align property doesn’t work

Top Results From Across the Web

How to align headers on Vuetify v-data-table - Stack Overflow

This is usually caused by the inclusion of the sortable icon ( sortable is on by default), possibly in conjunction with not setting...

Vuetify - alignment - v-data-table - Get Help - Vue Forum

I'm trying to get v-data-table headers to align to the left, but it seems that the headers are always center aligned. Any idea...

How To Align Headers On Vuetify V-Data-Table - ADocLib

Ask questionsvdatatable: align property for headers broken. ! Before submitting an issue: Search the repo and ensure your issue doesn't already exist. Vuetify ......

Data Table Header Align Changes When Adjusting Column

Data Table Header Align Changes When Adjusting Column ... This behavior does not change when this property is toggled on or off.

<tbody>: The Table Body element - HTML - MDN Web Docs

This attribute specifies the vertical alignment of the text within each row of cells of the table header. Possible values for this attribute...