MockingBird9527 2018-03-01 08:02 采纳率: 100%
浏览 4793
已采纳

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

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>';
                }
                }
            ]
  • 写回答

7条回答 默认 最新

  • Go 旅城通票 2018-03-01 13:39
    关注
     span默认行内元素,设置text-align没用,要设置为块级元素才行
    .align_right,.align_center{display:block}
    
    或者span改为div
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(6条)

报告相同问题?

悬赏问题

  • ¥15 MATLAB动图问题
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题