DataTable Search and Show Entries alignment problem.


Topic: DataTable Search and Show Entries alignment problem.

Cristian Tamblay asked 6 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 premium answered 6 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 answered 5 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 premium commented 5 years ago

Hi @amitvika,

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

Best, Kuba


Thanks! I though the problem was on my side.


Jakub Mandra staff premium commented 6 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
  • User: 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