Topic: DataTables' entry and search aligment

caio.davi free asked 2 years ago


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.):

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?


Piotr Glejzer staff commented 2 years ago

try to add classes to your datatable with this css

.select-wrapper { top: 10px; }


caio.davi free commented 2 years ago

It works for me. Thank you!



Please insert min. 20 characters.

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