Component Name: Datatable column header style or class does not work with text right alignment

[timothymarois]

Describe the bug

There seems to be no way to get the header to have a right alignment. If you try flex justify-end It messes up the alignment of the entire column from the rest of the table. If you use text-right or text-align:right these only get applied to the body cell but the header cell can not be adjusted.

Unable to text align the header cell to the right. No matter the CSS used in the presets or props.

Using a hack like flex justify-end, but messes up the rest of the table.

Trying to align using column props are no luck.

                    <Column
                            field="added"
                            header="Added"
                            header-style="width: 285px;text-align:right;"
                            class="text-right"
                        >
                            <template #body="slotProps">
                                <div class="text-right">0</div>
                            </template>
                        </Column>

Reason why you cant do it, because over the inner div class flex items-center which I understand based on the sorting. But if you don't have sorting, you should not have these classes.

While inside presets its called

columnHeaderContent: {
            class: 'flex items-center'
        },

But doesn't seem to allow for customization, so you either need it for other columns or you don't. This doesn't appear to be customizable by the column itself.

Reproducer

https://github.com/cagataycivici/primevue-tailwindcss-presets/blob/main/presets/lara/datatable/index.js

PrimeVue version

4.2.4

Vue version

4.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

No response

Expected behavior

No response

[github-actions]

We're unable to replicate your issue, if you are able to create a reproducer by using PrimeVue Issue Template or add details please edit this issue. This issue will be closed if no activities in 20 days.