We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
When using the "rowExpansion" property in the DataTable Pass Through, the className is not set in the DOM.
https://stackblitz.com/edit/9dqyrn-cyspsk?file=src%2FApp.jsx
10.6.2
18.x
TypeScript
Vite
Firefox 126.0, Chrome 125.0.6422.142
Create a DataTable with all the necessary rowExpansion Code. Add the pt prop with these values:
pt={{ bodyRow: { className: 'CUSTOM-ROW-CLASSNAME' }, rowExpansion: { className: 'CUSTOM-ROW-EXPANSION-CLASSNAME' }, }}
Go in your browsers dev tools and select the row.
You will find, that the "CUSTOM-ROW-CLASSNAME" is applied to the bodyRow, but not the "CUSTOM-ROW-EXPANSION-CLASSNAME" to the expanded row.
Custom className is set to the rowExpansion element and styling is applied.
The text was updated successfully, but these errors were encountered:
The bug is here its looking on the Column for PT instead of the DataTable
Column
DataTable
const rowExpansionProps = mergeProps( { id, className: cx('rowExpansion'), role: 'row' }, getColumnPTOptions('rowExpansion') );
Sorry, something went wrong.
No branches or pull requests
Describe the bug
When using the "rowExpansion" property in the DataTable Pass Through, the className is not set in the DOM.
Reproducer
https://stackblitz.com/edit/9dqyrn-cyspsk?file=src%2FApp.jsx
PrimeReact version
10.6.2
React version
18.x
Language
TypeScript
Build / Runtime
Vite
Browser(s)
Firefox 126.0, Chrome 125.0.6422.142
Steps to reproduce the behavior
Create a DataTable with all the necessary rowExpansion Code.
Add the pt prop with these values:
Go in your browsers dev tools and select the row.
You will find, that the "CUSTOM-ROW-CLASSNAME" is applied to the bodyRow, but not the "CUSTOM-ROW-EXPANSION-CLASSNAME" to the expanded row.
Expected behavior
Custom className is set to the rowExpansion element and styling is applied.
The text was updated successfully, but these errors were encountered: