开发指南029-el-table-column对齐属性

作者 : admin 本文共482个字,预计阅读时间需要2分钟 发布时间: 2024-06-16 共1人阅读

        按开发文档和正常理解,el-table-column具有属性align,可以填left,center,right控制内容的对齐方式。你真正做的时候,就会发现根本不起作用。

       查网络,大部分怀疑你用错属性了,elment-ui版本不对,css冲突等等。

       还有这样的解决方案:el-table增加 :cell-style=“{ textAlign:‘left’}” 问题是需要控制在列上,有限列要居中,例如名字。有的要右对齐,例如数字字段。

      还有这样的,对对应的列增加:el-table_1_column_4  .cell {
                    text-align: left !important;
       }

      其实都没有回答在点子上。网上大部分解决方案其实都是有问题的。

     正确的原因是el-table-column在使用后会套了层导致设置不生效。知道了原因,解决起来很容易:

     增加:

/deep/ .is-left>div {
    text-align: left;
}

/deep/ .is-right>div {
    text-align: right;
}

即可

本站无任何商业行为
个人在线分享 » 开发指南029-el-table-column对齐属性
E-->