Trying to change button container class
Trying to change button container class
When I use the following method to attach my buttons:
theTable.buttons().container().appendTo( '#theTable_wrapper .col-md-6:eq(0)' );
It works great, puts the buttons top left directly across from the search filter. I'd really like to change the created div from col-md-6 to col-md-4. I can easily identify it, and I can change it's siblings (the search filter input div), but for the life of me, I can't change that one.
A very incomplete DOM snippet:
<div id="theTable_wrapper" class="dataTables_wrapper dt-bootstrap4 no-footer">
<div class="row">
<div class="col-sm-12 col-md-6">...</div>
<div class="col-sm-12 col-md-6">...</div>
</div>
</div>
</div>
My ultimate goal is to make the 2 col-md-6 col-md-4 and insert a new div in between them as a title.
Any suggestions?
Steve
Answers
I believe those are created by the
domoption. Take a look at the styling section for the default settings for the Bootstrap version you are using. You can change the classes the way you want.Kevin