Small bug / feedback on max-height property of MDBDatatable

Topic: Small bug / feedback on max-height property of MDBDatatable

Bridget Melvin pro premium asked 2 years ago

Expected behavior when applying the maxHeight='460px' to MDBDatatable (styled with styled-components if it matters), if I change the entries pagination to 5 from default of 10 the height should shrink to fit content.

Actual behavior Instead, the height remains the same at 460px and there is weird space between the datatable and pagination footer. In dev tools, 460px is being applied to the height property not max-height.

Resources (screenshots, code snippets etc.) I fixed it with styled components and removing the maxHeight property from StyledTable....

const StyledTable = styled(MDBDatatable)`
  align: center;
  width: fit-content;

  min-width: 800px;
  max-width: 1200px;

  & .datatable-inner {
    max-height: 460px;
  }

  & td {
    margin-bottom: 0!important;
    padding-bottom: 6px! important;
  }
`

Add comment

Wojciech Staniszewski staff answered 2 years ago