数据表格式值与文本对齐

Question

我正在使用 jQuery 数据 tables 并通过 ajax 将数据填充为 json： https://datatables.net/examples/ajax/simple.html

var tbl = $('.mytbl').DataTable({
   "ajax": {
      url: "ajax/getData.php",
      type: "POST"
   }
});

getData.php 的响应将是这样的：

$myArray['data'][] = array(
   "Value 1",
   "Value 2",
   "Value 3"
} 
echo json_encode($myArray);

这很好用：但是我如何定义 - 例如 - 值 2 应该在我的 table?

中是文本对齐的

Answer 1

您可以使用 Datatables 中可用的渲染方法。

{
    data: 'value 2 column',
    render: function ( data, type, row ) {
        return `<span style="text-align:right">${data}</span>`;
    }
}

如果所有列值都右对齐，您也可以使用 css。

Answer 2

试试这个

   var tbl = $('.mytbl').DataTable({
       "ajax": {
          url: "ajax/getData.php",
          type: "POST"
       },
       'columnDefs': [{
            "targets": 1,
            "className": "text-right",
       }]
    });

数据表格式值与文本对齐

datatables format values with text align

php

jquery

datatables