时间戳

首页 > 解决方案 > 数据表 Dom 定位引导程序

jquery - 数据表 Dom 定位引导程序

问题描述

我想将自定义 DOM 定位与 Bootstrap 行和列一起使用。

<!-- I want it like below -->
<div class="row">
  <div class="col-sm-6 buton">
    {Buttons}
  </div>
  <div class="col-sm-6 veriler">
    {PageLength}
  </div>
</div>

$(document).ready(function() {
  var table = $('#example').DataTable({
    "searching": false,
    "dom": '<"buton"B><"veriler"l><"top"Cr>t<"bottom"ip><"clear">',
    buttons: ['copy', 'excel', 'pdf', 'print', 'colvis']
  });
});

标签： jquerydatatables

解决方案

我解决了问题。解决方案如下。

"dom":'<"row"<"col-sm-6"B><"col-sm-3"><"col-sm-3"l>>tr<"bottom"<"row"<"col-sm-6"i><"col-sm-6"p>>><"clear">'

推荐阅读