本文主要是介绍开发指南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对齐属性的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!