search

koalyptus / TableFilter

A Javascript library making HTML tables filterable and a bit more :)
https://www.tablefilter.com
MIT License
324 stars 94 forks source link

in bootstrap 4 if used the row counter and paging bar goes to bottom of grid. #701

Closed badalraut closed 5 years ago

badalraut commented 5 years ago

in bootstrap 4 if used the row counter and paging bar goes to bottom of grid.

koalyptus commented 5 years ago

@badalraut, TableFilter's toolbar is displayed by default in a caption element and apparently bootstrap 4 prefers displaying caption elements at the bottom of a table. This codepen shows how to workaround this inconvenience: https://codepen.io/koalyptus/pen/NmamJL , have a look to the CSS override.

TableFilter also gives you the ability to render most of the features in desired container elements, refer to this example for the toolbar: https://www.tablefilter.com/external-toolbar.html . This could also be an alternative solution for integrating with bootstrap 4.

badalraut commented 5 years ago

Tried external toolbar but in vain.

On Mon 15 Apr, 2019, 5:52 PM koalyptus, notifications@github.com wrote:

@badalraut https://github.com/badalraut, TableFilter's toolbar is displayed by default in a caption element and apparently bootstrap 4 prefers displaying caption elements at the bottom of a table. This codepen shows how to workaround this inconvenience: https://codepen.io/koalyptus/pen/NmamJL , have a look to the CSS override.

TableFilter also gives you the ability to render most of the features in desired container elements, refer to this example for the toolbar: https://www.tablefilter.com/external-toolbar.html . This could also be an alternative solution for integrating with bootstrap 4.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/koalyptus/TableFilter/issues/701#issuecomment-483229352, or mute the thread https://github.com/notifications/unsubscribe-auth/AvHRZu7XHz8AkYT-DTY9yAPXs8YEs8z3ks5vhG7pgaJpZM4ciLJX .

koalyptus commented 5 years ago

Not sure what made your external toolbar attempt unsuccessful, but the same codepen now features an additional table with an external toolbar integrating with bootstrap 4.

badalraut commented 5 years ago

I am using adminlte.io 3 in the project with it but also tried with only bootstrap r not working. Moment I use bootstrap 3.3.7 all is well.

On Mon 15 Apr, 2019, 6:57 PM koalyptus, notifications@github.com wrote:

Not sure what made your external toolbar attempt unsuccessful, but the same codepen https://codepen.io/koalyptus/pen/NmamJL now features an additional table with an external toolbar integrating with bootstrap 4.

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/koalyptus/TableFilter/issues/701#issuecomment-483250738, or mute the thread https://github.com/notifications/unsubscribe-auth/AvHRZt1vdp4AxIpo7CivG5mQevZn8Z7qks5vhH4lgaJpZM4ciLJX .