Bootstrap Integration: form-inline and per-column filters

Azaret

Hi Allan,

With the Bootstrap Integration the form-inline class on sWrapper is a bit annoying when we want filters on columns.
Having it on the wrapper prevent from having full-width input on the footer without overriding Bootstrap's .form-inline .form-control rule.
What I would suggest is to have form-inline on sDom instead, so you can keep the length input with auto.

allan

Thanks for noting this - yes it probably should be on only the page length and search input container elements. I'll take a look at modifying that for the next major version of DataTables.

Allan

gyrocode

I just found as well that .form-inline is responsible for make table non-responsive if column filters along with Responsive extension are used. However removing .form-inline altogether doesn't have any effect on appearance of page length and search input elements. Maybe it could be removed altogether?

allan

That is sounding like an increasingly good option. I've made a note of this to implement that.

Allan

davidmdem

I also ran into an issue caused by .form-inline's presence and wanted to support the suggestion to remove it from the wrapper.