el-table-column加不上别的Element组件

槐夏十八 2018-04-16 02:28:51

<el-table v-loading="loading" ref="table" style="width: 100%;" :data="tableData" border>
<el-tooltip class="item" content="Right Center 提示文字" placement="right">
<el-table-column show-overflow-tooltip="true" prop="ayOrDwmcCell" :render-header="column"></el-table-column>
</el-tooltip>
<el-table-column prop="ajSumByCol" :render-header="column"> </el-table-column>
<el-table-column prop="jdyjSumByCol" :render-header="column"> </el-table-column>
<el-table-column prop="xstzSumByCol" :render-header="column"> </el-table-column>
<el-table-column prop="xsajSumByCol" :render-header="column"> </el-table-column>
</el-table>

...全文

1224 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

槐夏十八 2019-09-09

打赏
举报

回复

一直没人回复，我给忘了，哈哈

JoeBlackzqq 2019-09-08

打赏
举报

回复

还没结贴?

问题1 element-ui el-table组件的 el-table-column 加了fixed属性列固定后样式高度错乱原因 el-table-column 列加了fixed="right"操作后，从源码上来看，加入fixed之后这个列的高度是动态计算的，页面加了缓存，再次切换回来就会导致高度没有计算padding值所有会出现高度错乱的问题。方案覆盖el-table__fixed-right 的css 样式 .主class .el-table__fixed-right { heigh

使用表格组件时如下prop可以通过对象调用获取字段名 <el-table> <el-table-column prop="deptId.deptId" label="所属部门"> </el-table-column> </el-table>

问题：使用 Element el-table 组件时，给列 el-table-column 设置百分比%宽度无效( width="30%" ) 解决： Vue中要将 el-table-column 的宽度设置成百分比的话，不能通过设置 width来实现，而是要设置 min-width，并且每一列都必须设置 min-width。原因： el-table 组件会被 vue 解析成 html，Vue直接把百分号去掉把数值当做列宽来呈现，所以，width 设置百分比的值直接被解析去掉百分号% 变成 px 了。

官方文档中 el-table-column 可以使用 class-name 属性绑定 css class ，但实测此方法无效，要想达到操纵指定单元格样式的目的，需使用 el-table 的 cell-style 回调方法动态绑定；例：将前三列单元格的垂直对齐指定为垂直居上 <el-table border stripe :cell-style="cellStyle"> </el-table> methods: { cellStyle({row, col

问题：当我们对el-table的某一列进行判断显示隐藏时，就会出现列位置和表头样式错乱的问题我们通常的写法（会错乱的写法） <el-table-column label="test" v-if="active !== '2'" > </el-table-column> 修正后的写法（不会错乱的写法） <el-table-column label="test" :key="Math.random()" v-if="active !== '2'" > </el-ta

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章