javascript - dataTables AdminLTE3 模板中的文本对齐

Question

我在我的项目中使用了模板AdminLTE3。我尝试在我添加的数据表中对齐标题：

"columnDefs": [
    {"className": "dt-head-center", "targets": "_all"}
  ]

对此：

  $(function () {
    $("#example1").DataTable();
    $('#example2').DataTable({
      "paging": true,
      "lengthChange": false,
      "searching": false,
      "ordering": true,
      "info": true,
      "autoWidth": false,
    "columnDefs": [
        {"className": "dt-head-center", "targets": "_all"}
      ],
    });
  });

但这不起作用。请帮忙

标签： javascripttextdatatablesalignment

Answer 1

看起来这是由于 Bootstrap 4 造成的问题。您可以尝试在表中添加text-center类。thead如果您想text-center使用 jquery 添加类，以下是一个示例：

$(function () {
  $("#example1").DataTable();
  $('#example2').DataTable({
    "paging": true,
    "lengthChange": false,
    "searching": false,
    "ordering": true,
    "info": true,
    "autoWidth": false,
  });
  $('#example2 thead').addClass('text-center');
});