Trying to change button container class

cersos

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

kthorngren

I believe those are created by the dom option. 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