React-Select outside Datatable with z-index not working 'overview:inherit !important'

When we use react-select including boot

strap-table, it automatically goes back to the datatable.

I have tried to set 'z-index', 'overview:inherit !important', but still it doesn't work. The issue is with the file 'react-bootstrap-table/dist//react-bootstrap-table-all.min.css'

Any help would be appreciated.

My code:

`.react-bs-table-container,
.react-bs-container-body {
z-index: -1 !important;
overflow: inherit !important;
}

.react-bs-table table td,
.react-bs-table table th {
z-index: -1 !important;
overflow: inherit ! important;
}`