DataTables 如何实现部分列的text靠左、部分列的text居中？

Question

1.表头居中
2.部分td的text靠左排列，部分居中，部分靠右

css样式：

     <style>
        .table th {
            text-align: center;
        }
        .table tfoot tr th {
            text-align: left;
        }
        .align_right {
            text-align: right;
        }
        .align_center {
            text-align: center;
        }
    </style>

dt渲染表格,部分代码:

 columns: [
                {
                    "name": "areaName", "data": function (data) {
                    return '<span class="align_right">'+$.xfj_formatEmptyString(data.areaName,'--') + '</span>';
                }
                },
                {
                    "name": "employees", "data": function (data) {
                        return '<span class="align_center">'+data.employees+'</span>';
                }
                }
            ]

Answer 1

 span默认行内元素，设置text-align没用，要设置为块级元素才行
.align_right,.align_center{display:block}

或者span改为div