Trying to change button container class

Trying to change button container class

cersoscersos Posts: 37Questions: 8Answers: 1

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

  • kthorngrenkthorngren Posts: 17,696Questions: 25Answers: 4,197

    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

Sign In or Register to comment.