Vuetify: v-data-table: align property for headers broken

[peterthomassen]

Versions and Environment

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

Steps to reproduce

1. Make a v-data-table
2. 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

[johnleider]

Linking to the docs is not a reproduction link.

[KaelWD]

The example is incorrect, align doesn't work if you override the slot. This should be opened on the vuetifyjs.com repo.

[ikit]

Hi, this ticket is closed, but I'm currently facing the same problem with vuetify 1.5.2... is it really fixed ? Or what is the good way to align left cell content in data-table ?

[Vedran-Basic]

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

[DestBest]

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

WORKING:
align?: 'left' | 'center' | 'right'