Antd中Table表头如何实现加Icon-创新互联

本篇文章为大家展示了Antd中Table表头如何实现加Icon，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。

创新互联-专业网站定制、快速模板网站建设、高性价比汕尾网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式汕尾网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖汕尾地区。费用合理售后完善，十多年实体公司更值得信赖。

对于Antd Table组件的columns数组来说，它需要接受2个属性（filterDropdown，filterIcon）才能在表头某个属性旁展示图标Icon：

columns: [{
 
     title: '表达式', dataIndex: 'formulaTenderAmount', key: 'formulaTenderAmount', width: 150, placeholder: '请输入表达式', 
     filterDropdown: (<div></div>), 
     filterIcon: <Tooltip placement="top" title="气泡悬浮提示文本" > 
      <Icon type='question-circle-o' style={{ marginLeft: 1 }} />
 
     </Tooltip>,
 
    },{
 
     title: '操作',
     dataIndex: 'operation', 
     key: 'operation', 
     width: 305, 
     fixed: 'right', 
    },
],

网站栏目：Antd中Table表头如何实现加Icon-创新互联
网站URL：https://www.cdcxhl.com/article36/coidsg.html

成都网站建设公司_创新互联，为您提供Google、全网营销推广、网站设计公司、标签优化、电子商务、域名注册

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容