[Lens] Data Table - Text Alignment not applied to column headers

[dsadosky]

Kibana version: 7.12

Elasticsearch version: 7.12

Server OS version:. ESS

Browser version:

Browser OS version:

Original install method (e.g. download page, yum, from source, etc.):

Describe the bug:
When creating a data table using Lens, each column allows for the text alignment to be left, center, or right. This alignment works fine for the data but the same alignment SHOULD be applied to the column headers. Today the column headers are always left aligned making it hard to read when the data is right or center aligned.

Steps to reproduce:

1. Create a table table in Lens
2. For each column choose Text Alignment Left, Right, or Center
3. Notice the data is aligned accordingly but the column headers are not aligned to the data

Expected behavior:
Column headers should assume the same alignment pattern as the data in the table.

Screenshots (if relevant):

Errors in browser console (if relevant):

Provide logs and/or server output (if relevant):

Any additional context:

[elasticmachine]

Pinging @elastic/kibana-app (Team:KibanaApp)

[flash1293]

Not sure whether this qualifies as a bug or as an enhancement - cc @MichaelMarcialis from your side, do you think we should align the headers like the data cells by default? Or should it be a setting?

[MichaelMarcialis]

@flash1293: Yes, table headers should have the same alignment as their related table cells. I believe this is a known issue with EuiDataGrid, but I was unable to find an open issue on it in their repo. @chandlerprall, is this alignment issue for datagrid being actively tracked? Or should I make an issue for it?

[flash1293]

If it's an EUI limitation I'll move this to blocked bugs for now

[chandlerprall]

@MichaelMarcialis I don't think we have an existing for that

[dej611]

@chandlerprall the issue has been just addressed on the Lens/consumer side using the EuiDataGridColumn['display'] prop