antd Table表格超出部分隐藏并显示省略号,鼠标悬停时显示出td的所有内容 |
您所在的位置:网站首页 › 鼠标移入 › antd Table表格超出部分隐藏并显示省略号,鼠标悬停时显示出td的所有内容 |
antd Table表格超出部分隐藏并显示省略号,鼠标悬停时显示出td的所有内容 antd Table表格超出部分隐藏并显示省略号,鼠标悬停时显示出td的所有内容 文章目录 antd Table表格超出部分隐藏并显示省略号,鼠标悬停时显示出td的所有内容前言一、设置td里面文本内容超出最大长度时隐藏超出部分并显示省略号二、给table中的td设置当鼠标悬停在上面时显示td的所有内容 前言提示:以下是本篇文章正文内容,下面案例可供参考 一、设置td里面文本内容超出最大长度时隐藏超出部分并显示省略号设置文本可接受的最大长度,文本超出部分隐藏起来,并设置省略号 const columns = [ { title: '收付性质', dataIndex: 'name', fixed: 'left', width: 100, onCell: ()=>{ return { style:{ maxWidth: 100, overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', cursor: 'pointer' } } }, }, ]效果如下图: 效果如下图: |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |