antdesign 如何使用alt属性

初心不变时过迁 2020-02-21 10:30:28
如题
下面是官网的demo

const dataSource = [
{
key: '1',
name: '胡彦斌',
age: 32,
address: '西湖区湖底公园1号',
},
{
key: '2',
name: '胡彦祖',
age: 42,
address: '西湖区湖底公园1号',
},
];

const columns = [
{
title: '姓名',
dataIndex: 'name',
key: 'name',
},
{
title: '年龄',
dataIndex: 'age',
key: 'age',
},
{
title: '住址',
dataIndex: 'address',
key: 'address',
},
];

<Table dataSource={dataSource} columns={columns} />;


在其中我想使用alt这个使用,要怎么做?
...全文
306 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
问题解决了 这里说一下,

总的来说就是对columns 的render进行重写
大致长这样

const columns = [
{
title: '姓名',
dataIndex: 'name',
key: 'name',
},
{
title: '年龄',
dataIndex: 'age',
key: 'age',
},
{
title: '住址',
dataIndex: 'address',
key: 'address',
render: (text,index)=>{
<div alt={text} title={text}>
{text}
</div>
/*
貌似这里用return 结果是一样的
return (
<div alt={text} title={text}>
{text}
</div>

*/
}
},
];
  • 打赏
  • 举报
回复
  • 打赏
  • 举报
回复
补充说明下。
因为项目中 有些单元格文字太长 无法正常显示,所以需要alt属性在必要的时候显示全文,
而ant的table组件内不太清楚该在哪加上alt这个属性

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧