ErrorMessage in Rsuite cant overflow in table row

Question

enter image description here Look at my picture. I have an issue like this. I cant find out my way to show my error tooltip over my row in my table. Someone have met this trouble before. Any suggest for me?

I have try to set overflow property is auto in every single html tag inner my table row but nothing happen. I still try to set z-index of this tooltip but still got nothing.

This is my example about this: [1]: https://codesandbox.io/s/errormessage-not-overflow-in-table-row-4y6m2b?file=/index.js

zIndex on element needs to setting up position property. please add css and component code to your question — Abbas Bagheri, Feb 15 '23 at 05:26
https://codesandbox.io/s/errormessage-not-overflow-in-table-row-4y6m2b?file=/index.js thank you for your reply checkout my code in codesandbox — Nguyễn Bá Khánh, Feb 15 '23 at 06:49

score 0 · Accepted Answer · answered Feb 15 '23 at 07:16

0

I edit your style.css file :

@import "rsuite/dist/rsuite.css";

#root {
  padding: 10px;
}

.rs-table-row,
.gridcell,
.rs-table-cell ,
.rs-table-cell-content {
  overflow: unset !important;
}

answered Feb 15 '23 at 07:16

Abbas Bagheri

790
5
10

ErrorMessage in Rsuite cant overflow in table row

1 Answers1