Topic: DataTables' entry and search aligment
Expected behavior
It might be well aligned as the samples in the Datatables Overview.
Actual behavior
I can't have everything aligned. Also, I wasn't able to move search and entries to bottom using searchBottom, searchTop, pagingTop and pagingBottom.
Resources (screenshots, code snippets etc.)
There is how I'm using it:
<MDBDataTable
disableRetreatAfterSorting
noBottomColumns
striped
hover
sortable={false}
order={getTableOrder()}
proSelect
data={getDataTable()}
/>
And the figure bellow shows what is rendered (I put a red box in the sub-components and traced dashed lines to show the (un)alignment.):
Any thoughts on how I could solve it?
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Resolved
Specification of the issue
- User: Free
- Premium support: No
- Technology: MDB React
- MDB Version: 4.26.0
- Device: PC
- Browser: Any
- OS: Debian
- Provided sample code: No
- Provided link: Yes
Related topics
Piotr Glejzer staff commented 5 years ago
try to add classes to your datatable with this css
.select-wrapper { top: 10px; }
caio.davi commented 5 years ago
It works for me. Thank you!