Topic: Shift 'show entries' and 'search' bar of the data table on other side

rashesh patel free asked 5 years ago


Hi, In 'Material Design example' of Data table there is 'show entries' and 'search' bar on the top of the table which is left and right side respectively by default, I want 'search' bar on the left side instead of right and 'show entries' on right side instead of left. So what should I do for that??


Jakub Mandra staff answered 5 years ago


Hi,

This is not possible to achieve for now. Do you want to request it as a feature?

Best,

Jakub


rashesh patel free commented 5 years ago

Yes please... Thnx.


Jakub Mandra staff commented 5 years ago

If there is anything else I could do for you do not hesitate to ask me :)


rashesh patel free commented 5 years ago

Hi Jakub, Any update regarding change in position of Search bar??


Jakub Mandra staff commented 5 years ago

Hi,

We are planning to work on DataTables search component (it will have more flexible search methods etc) in next iteration. So we will handle your request as well.

Please stay tuned.

Best,

jakub


rashesh patel free commented 5 years ago

Ok.. Thank you..


jupally sai harshith rao free commented 5 years ago

Hi Jakub,

Any update on this line? I am a new user and would love this flexibility to be provided


Aliaksandr Andrasiuk staff commented 5 years ago

Hi,

Unfortunately, it isn't ready for now.


rashesh patel free commented 5 years ago

Hi Aliaksandr,

I have update the version to 4.17.0 using 'npm upgrade mdbreact', How to swaps position of 'search' and 'show entries' elements?


Aliaksandr Andrasiuk staff commented 5 years ago

Hi,

It's enought to just set property barReverse:

<MDBDataTable barReverse />

Best regards.



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: LAPTOP
  • Browser: CHROME
  • OS: WINDOWS 10
  • Provided sample code: No
  • Provided link: No
Tags