在iView中的table组件显示数据的title提示

最新推荐文章于 2022-09-02 11:47:43 发布

爱养猫的木子

最新推荐文章于 2022-09-02 11:47:43 发布

阅读量516

点赞数

本文链接：https://blog.csdn.net/quiet_123/article/details/83901094

版权

本文介绍了一种在前端开发中处理长文本显示的方法，通过使用特定的CSS样式，当文本长度超过指定宽度时，将以省略号显示超出的部分，同时保持文本的完整含义。这种方法适用于表格中的单元格内容显示，特别是在有限的空间内展示信息。

摘要由CSDN通过智能技术生成

文本将不换行，超出部分显示为省略号

            {
                    title: '地域',
                    key: 'area',
                    width: 100,
                    align: 'center',
                    render: (h, params) => {
                        return h('div', [
                            h('span', {
                                style: {
                                    display: 'inline-block',
                                    width: '100%',
                                    overflow: 'hidden',
                                    textOverflow: 'ellipsis',
                                    whiteSpace: 'nowrap'
                                },
                                domProps: {
                                    title: params.row.area
                                }
                            }, params.row.area)
                        ])
                    }
                }