Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: DataTable Search and Show Entries alignment problem.

Cristian Tamblay free asked 5 years ago


Just created the Basic Example DataTable React component.I don't know why Show entries and Search bar are using 2 rows instead of 1 (as shown in basic example)

Table looks like this:

Search and Show entries have 2 rows

The following code generates the table:

    <Container fluid={true}>
      <Row>
        <Col sm={2}>
          <NavBar />
        </Col>
        <Col sm={10}>
          <Container>
            <DatatablePage />
          </Container>
        </Col>
      </Row>
    </Container>

Jakub Mandra staff answered 5 years ago


Hello,

We are aware of the problem. It is fixed and will be out with next release (Monday the 15th).

Best,

Jakub


amitvika free answered 4 years ago


Hello,

I also copied the the Basic Example DataTable React Component and am having alignment issues. Will there be a fix deployed for this?enter image description hereThanks,Amit


Jakub Chmura staff commented 4 years ago

Hi @amitvika,

We already fix this in the new MDBReact version that comes out today.

Best, Kuba


Cristian Tamblay free answered 5 years ago


Thanks! I though the problem was on my side.


Jakub Mandra staff commented 5 years ago

For now, you could do what follows at the bottom of this page: https://mdbootstrap.com/docs/react/getting-started/quick-start/

And attach your desired styles (data tables are addons).



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.11.1
  • Device: Web
  • Browser: Chrome
  • OS: Ubuntu
  • Provided sample code: No
  • Provided link: No
Tags