表头水平居中
<template><el-table:data="tableData"style="width: 100%":header-cell-style="{textAlign: 'center'}"><el-table-column prop="date" label="日期" width="180"> </el-table-column></el-table></template>
表格内容水平居中
<template><el-table:data="tableData"style="width: 100%":cell-style="{ textAlign: 'center' }"><el-table-column prop="date" label="日期" width="180"> </el-table-column></el-table></template>
代码： <template> <div class="bg-white px-3" style="margin: -20px;
一、概述 一般写table时，列都是固定。现有业务需求，列是不固定的。根据api返回的数据，进行动态渲染。 官方table示例，链接如下： [https://elem
el-table的height属性可以方便地实现表格固定，但是这个值该设置为多少以适配屏幕大小呢？设置过小，则可能出现可视区域内有空白位置，但是表格内却出现滚动
需要加上`display: block` <el-table-column label="发布日期" width="180">
表头水平居中 ![复制代码][48304ba5e6f9fe08f3fa1abda7d326ab.png] <template> <el-table
elementUI的样式我觉得已经非常完美了，不过还是要根据UI来设置表格的头部。 首先在组件标签中这样写，header-cell-style绑定一个变量即可自定义表头
说明：网上大部分是水平居中，基本没有找到QT的垂直居中，查了好多资料才实现了垂直居中。 函数调用：垂直居中、水平居中 word.setRowAlignment(1,1,0
数据结构比较复杂的时候，可使用多级表头来展现数据的层次关系。 只需要在 el-table-column 里面嵌套 el-table-column，就可以实现多级表头。 层级
一般的iview的表格的样式![在这里插入图片描述][20190329092730486.png] 表格内容都是居左显示的，如果表格的内容很多的话，如下： 
浅浅的花香味﹌
向右看齐
不念不忘少年蓝@
野性酷女
还没有评论，来说两句吧...