antd相关

一.table表格超出省略显示

Tooltip 显示

 {
            title: '备注',
            dataIndex: 'remark',
            key: 'remark',
            width: 160,
            // ellipsis: true,也可以直接使用这属性就可以
            render: text => {
                return (
                    <Tooltip placement="topLeft" title={text}>
                        <span className={styles.remark}>{text}</span>
                    </Tooltip>
                );
            },
        },

三行显示

@import '~antd/es/style/themes/default.less';
@import '../../utils/utilLess/base.less';
.remark {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: -o-ellipsis-lastline;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}