alibaba / schema-plugin-flow

A highly extensible JavaScript library, abbreviated as Sifo. 一个高扩展性、可二开的插件式前端开发框架

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

使用iview 组件库 table 组件,其中resizable 失效,无法拖拽调整该列的宽度

ChenXplorer opened this issue · comments

image

代码使用如下: 无法拖拽调整该列的宽度

image

独自抽成一个组件,然后columns 放在组件里面可以,类似这样
image,但是提取出来放attributes 就会失效

image

代码使用如下: 无法拖拽调整该列的宽度

image

因为i-table的列宽依赖width属性,在调整列宽时,会更新该属性。而在sifo上,columns属性是作为props传入的,props不允许直接更改。
如何解决:可以使用on-column-width-resize方法,在sifo插件中用addEventListener监听此方法,并在该方法触发时用setAttributes更新相应列的width属性。
类似下图的onColResize的用法
image

xiexie