Выровнять элемент на панели инструментов

Question

Я использую Datatable с Bootstrap 4. Слева от поля поиска (вверху справа) я пытаюсь поставить флажок.Это работает, но флажок находится полностью слева.

Как я могу удалить все это пространство?

http://live.datatables.net/folerayu/1/edit

Answer 1

Пожалуйста, внесите следующие изменения,

css

.samples-toolbars { //override this css with your current css
  float: left;
  margin-right: 16px;
}
#example_filter{
  float: left;
}

переопределить JQuery для данных

$(document).ready( function () {
  var table = $('#example').DataTable({
    "dom": '<"samples-toolbars">frtip'
  });

  $("div.samples-toolbars").html('<input type="checkbox" id="testDoneInclude" name="testDoneInclude" checked /><label for="testDoneInclude">Test done include</label>');


} );

Надеюсь, это сработает для вас.