dataTables AdminLTE3 模板中的文本对齐

Posted 2023-03-05

【中文标题】dataTables AdminLTE3 模板中的文本对齐

【英文标题】：Text align in dataTables AdminLTE3 template

【发布时间】：2021-03-06 05:30:13

【问题描述】：

我在我的项目中使用了模板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"
      ],
    );
  );

但这不起作用。请帮忙

【参考方案1】：

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

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