el-table的每列样式设置

  • Post author:
  • Post category:其他


el-table设置同意的column对齐方式:

在el-table设置属性

:cell-style="{textAlign:'center'}"


或者

:cell-style="rowClass"

methods:{

     rowClass() { return "text-align: center;"; },

}

以上时设置统一的column样式

如果要设置每列的样式不同

则:每个el-table-column上设置

 <el-table-column prop="fabushijian" label="发布时间" min-width="13%" align="center">
        </el-table-column>
        <el-table-column prop="fabuleixing" label='发布类型' min-width="13%" align="center">
        </el-table-column>
         <el-table-column label="发布内容" min-width="68%" align="left">
             <template slot-scope="scope">
                 <router-link to="" class="relativeALink">{{scope.row.fabuneirong}}</router-link>
             </template>
        </el-table-column>



版权声明:本文为m0_46425990原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。