I've got a few DataTables that I'm working with and so far, I'm thrilled with this awesome and free plugin! I am, however, curious about one quirk of it that's kinda bugging me.
When the table is rendered, it appears that the plugin is placing a style="width: ####px"
automatically on the <table>
element. I never asked for this, and it seems to cause the table to not resize whenever the browser width is adjusted. I'm not asking about the Responsive extension; I'm not currently using it, although I may implement that in the future. For now, I just want to make sure the table stays at 100% of the width of its containing element.
Sure, I could put in a width: 100% !important;
in my CSS on the selector .dataTable
, but I was under the impression that using !important
was considered bad form, so I'd rather avoid it if at all possible. So how can I prevent DataTables from auto-inserting that inline style?