在工具栏中对齐元素

Question

我将数据表与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>');


} );

希望这对您有用。