jQuery DataTables通过AJAX加载数据时如何设置指定列文本右对齐？

方法1：通过DataTables初始化配置实现（官方推荐） #

直接在DataTables初始化参数中添加columnDefs配置项指定列对齐样式，列索引从0开始计数，你要设置的第二列对应索引值为1：

var tbl = $('.mytbl').DataTable({
   "ajax": {
      url: "ajax/getData.php",
      type: "POST"
   },
   // 新增列样式配置
   "columnDefs": [
      {
         "targets": 1, // 对应第二列
         "className": "text-right"
      }
   ]
});

如果你项目没有引入Bootstrap这类自带text-right类的前端框架，可以手动添加如下CSS：

.text-right {
  text-align: right !important;
}

该方法的优势是不管表格分页、排序、重新加载数据，样式都能稳定生效。

方法2：通过CSS直接指定（无需修改JS代码） #

如果不想改动现有DataTables初始化代码，可以直接用CSS选择器命中第二列设置样式，CSS的nth-child选择器索引从1开始计数：

/* 同时设置表头和内容单元格右对齐 */
.mytbl th:nth-child(2), .mytbl td:nth-child(2) {
  text-align: right !important;
}

内容的提问来源于stack exchange，提问作者Trombone0904