iview在Table表格中渲染title文字提示，使用render实现

最新推荐文章于 2022-09-19 17:15:49 发布

半夏ing

最新推荐文章于 2022-09-19 17:15:49 发布

阅读量1k

点赞数

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/Fiona_lms/article/details/103960146

版权

vue 专栏收录该内容

44 篇文章

订阅专栏

本文介绍了一项针对iView框架中Table组件的定制工作，旨在实现特定的显示效果。作者详细分享了如何通过修改代码来增强组件功能，包括自定义表头呈现方式，如添加图标和提示等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在做一个项目，然后用的是iview这个框架，里面有table，但是呢，她不符合我们的需求，所以我这边得自己重写下一，下面的图是需要展示的效果图
在这里插入图片描述
看到了，对吧，文档里面是没有这个样子的，所以我们得改一下代码，代码如下：

{
                    title: '提车量',
                    key: 'tiNumber',
                    renderHeader:(h,params)=>{
                        return h('div',[
                            h('strong','提车量'),
                            h('Icon',{
                                props:{
                                    type:'ios-alert',
                                },
                                style:{
                                    marginLeft:'5px'
                                },
                                attrs:{title:'提车量顶顶顶顶'}
                            }),
                        ])
                    }
                },