MDBDataTable search box position and sort icon problem

Topic: MDBDataTable search box position and sort icon problem

yudhapratama_11 free asked 5 years ago

Expected behavior Search box is located at the right side, and showing the sort icon

Actual behavior Search box is located at middle, and the sort icon isn't showing

Resources (screenshots, code snippets etc.)

Add comment

Piotr Glejzer staff answered 5 years ago

1 0 Best answer

Hi,

Yes, we know about this bug. I already fixed this 2 days ago, but this an available in our gitlab repo so if you are a free user you don't have access to see it. If you would like to fix this you have to go to the folder with <code>Datatable.js</code> file and change line with <code>this.handleSort(order[0], order[1]);</code> on the <code>componenDidMount</code> lifecycle hooks.

This function should be replaced with if/else statement like that:

<a href="https://github.com/mdbootstrap/React-Bootstrap-with-Material-Design/blob/master/src/components/DataTable/DataTable.js" target="_blank" rel="nofollow">https://github.com/mdbootstrap/React-Bootstrap-with-Material-Design/blob/master/src/components/DataTable/DataTable.js</a> (line 42)

This fix will be available on the next release.

Best regards, Piotr

Please insert min. 20 characters.

Hi,

Yes, we know about this bug. I already fixed this 2 days ago, but this an available in our gitlab repo so if you are a free user you don't have access to see it. If you would like to fix this you have to go to the folder with Datatable.js file and change line with this.handleSort(order[0], order[1]); on the componenDidMount lifecycle hooks.

This function should be replaced with if/else statement like that:

enter image description here