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

本文主要是介绍开发指南029-el-table-column对齐属性，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

        按开发文档和正常理解，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在使用<template>后会套了层<div>导致设置不生效。知道了原因，解决起来很容易：

     增加：

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

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

即可

这篇关于开发指南029-el-table-column对齐属性的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---