草庐IT

customRender

全部标签

vue的h渲染函数和customRender在ant design vue的table组件的使用

需求和解决使用antdesignvue的table组件,没有使用插槽的情况下,我想你给我使用tooltip,这样子我就不用又写插槽又写html结构了因为我们使用table组件,想自定义结构,一般是先使用插槽,然后插槽填写内容,比如下面做法constcolumns=[{title:'演示',dataIndex:'demo',slots:{customRender:'demo'},ellipsis:true,align:'center',},]a-table:columns="columns"> template#demo={record,text}>a-tooltip> template#tit

关于antdesign-vue中表格customRender与scopedSlots共用问题的解决

关于antdesign-vue中表格customRender与scopedSlots共用问题的解决第一次使用ant组件,感触很多,我们工作中我们使用的最多还是table,作为element的钉子户,ant把table分为了columns和data-source,看似灵活ant-table组件,其实配置项很复杂,语法也很复杂,今天就来说一说ant-table,我遇到的需求就是表格最下面出现统计需要合并单元格,先上图片上面是ui图的效果,那我们最下面一行就需要合并单元格,来看代码://最后一行的第二个单元格开始合并,横向合并两个单元格,通过customRender{title:'xxxx',dat