DataTable: rowClassName don't take prevalence over passthrough tailwind

[Et7f3]

Describe the bug

The rowClassName attributes works and add the class bg-primary to row but the pt define some class bg-white that are applied after our customization.
We now have bg-primary bg-white

The step 4 of https://primereact.org/tailwind/#unstyledmode doesn't help (my twMerge is never called)

Reproducer

https://stackblitz.com/edit/d8kwfr?file=src%2Fmain.jsx,src%2FApp.jsx

PrimeReact version

10.5.1

React version

18.x

Language

ALL

Build / Runtime

Vite

Browser(s)

ALL

Steps to reproduce the behavior

1. I took the exemple in https://primereact.org/datatable/#conditional_style
2. in main.jsx

+import Tailwind from 'primereact/passthrough/tailwind';

-    <PrimeReactProvider>
+    <PrimeReactProvider value={{ pt: Tailwind }}>

Expected behavior

Class added with local customization should be visible instead of global classes.
My twMerge is used to resolve a conflict
I don't have to rewrite bodyrow to hide this bug. (this is my actual workaround)

[melloware]

Its because of this line...

className: classNames(rowClassName, cx('bodyRow', { rowProps: props })),

twMerge is not invloved here becaue that only mergeds all Pass Through props. This is calling cx('bodyRow', { rowProps: props }) and then appending rowClassName onto it.

[melloware]

Can you try your tw-merge with this...

https://stackblitz.com/edit/d8kwfr-srwond?file=src%2Fmain.jsx,src%2FApp.jsx

Basically I am using pt instead of rowClassname

pt={{
        bodyRow: ({ context }) => ({
          className: classNames('mt-2', {
            'bg-primary': products[context.index].category === 'Fitness',
          }),
        }),
      }}

[melloware]

@Et7f3 were you able to try this?

[Et7f3]

Yes It suits my needs. I am writing a PR so rowClassName can be merged.

[melloware]

aweosme looking forward to it