列渲染的時候給個className
render: (text, record, index, onEdit) => (
<div className='operation-col'>
<span className="marginSpan" title="查看明細(xì)" onClick={(e) => this.viewDetail(e,text, record, index, onEdit, '2')}><i className="icon-coms-Detailed"></i></span>
{this.store.resData.createtask && <span className="marginSpan" title="創(chuàng)建任務(wù)" onClick={(e) => this.createTask(e,text, record, index, onEdit, '1') }><Icon type="plus" /></span>}
<span className="marginSpan" title="添加到工作計劃" onClick={(e)=>{ e.stopPropagation();this.addToPlanList(record)}} ><i className="icon-coms-positive-sequence"></i></span>
</div>
)
css這么寫
.operation-col{
opacity: 0;
}
.ant-table-row:hover{
.operation-col{
opacity: 1;
}
}
效果：鼠標(biāo)懸浮的時候顯示，去掉就不顯示
hover的時候顯示
