jQuery的數據表居中對齊1列

Question

要對齊市中心僅第一列名爲「狀態」：

 $("#TransactionTable").DataTable({ 
      ajax: { 
       url: '/Transaction/SearchMockup', 
       type: 'POST', 
       data: { 
        cardEndingWith: $("#ccn").val(), 
        status: $("#status").val(), 
        supplier: $("#supplier").val(), 
        fromDate: $("#fromDate").val(), 
        toDate: $("#toDate").val() 
       } 
      }, 
      columns: [ 
      { 
       data: 'Status', render: function (data, type, row) { 
        switch (data) { 
         case 1: 
          return '<div id="circleRed"></div>' 
          break; 
         case 2: 
          return '<div id="circleGreen"></div>' 
          break; 
         case 3: 
          return '<div id="circleOrange"></div>' 
          break; 
        } 
       } 
      }, 
      { data: 'TransactionId' }, 
      { data: 'CreditCardNumber' }, 
      { data: 'Supplier' }, 
      { data: 'CreatedAt' }, 
      { data: 'Amount' } 
      ] 
     }); 

我需要什麼添加列選項來做到這一點？我嘗試閱讀所有的Datatables文檔和谷歌。

Answer 1

你可以使用你的主題類（bootstrap），或者你自己的columndef。 像

文本右，文本左，文本中心

'columnDefs': [ 
    { 
     "targets": 0, // your case first column 
     "className": "text-center", 
     "width": "4%" 
}, 
{ 
     "targets": 2, 
     "className": "text-right", 
}],