element表格组件,没有列

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了element表格组件,没有列相关的知识,希望对你有一定的参考价值。

参考技术A vue+elementUI配置表格的列显示与隐藏
1.
可以简单实现,但最好的方法是列的全部字段也通过配置实现;
2.
elementUI的popover嵌套在table里使用时,会出现面板的显示bug,例如本文是采用:visible=“visible”,如果按照正常双向绑定v-model:visible=“visible”,则会出现弹窗闪现的现象,弹出后会立马关闭; 现象: 原因猜想: v-model:visible=“visible”,会自动触发遮罩层关闭,置visible变为false(watch监听visible,点击弹出按钮时,visible变为true后会立马变为false);
3.
如果某一列设置minWidth属性,如果隐藏该列,则popover会出现弹出两个窗口的异常现象
参考技术B 原因是table组件没有固定宽度的父元素包裹,以至于table设置width=100%后组件内部无法准确计算浮动的位置,解决办法就是再写一个标签来包裹table组件,设置以下固定宽度或者这只flex:1,如下图是我的解决代码:

以上是关于element表格组件,没有列的主要内容,如果未能解决你的问题,请参考以下文章

element-ui表格组件table实现列的动态显示与隐藏

解决element表格组件排序结果不正确问题

element-ui表格使用jsx创建自定义列

Element实现动态表格的示例代码

基于vue+Element Table 表格的封装

Vue2 Element description组件 列合并