cssreactjsrsuite

ErrorMessage in Rsuite cant overflow in table row

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

Solution

  • 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;
}