關於使用 ant-design-vue a-table 超出部分 隱藏並顯示省略號,


但有的時候 title的hover顯示效果 滿足不了我們的 需求 , 要求我們使用類似於tooltip的形式  對省略的字段進行顯示 

columns = [
{
id: "1",
checked:true,
width: 100,
title: '更新時間',
dataIndex: 'update_at',
customCell : () => {
return {
style: {
width: '100px',
overflow: 'hidden',
whiteSpace: 'nowrap',
textOverflow:'ellipsis',
cursor:'pointer'
}
}
},
customRender: (text,record) => <a-tooltip placement="topLeft" title = {record.create_at} >{record.create_at}</a-tooltip>
}

]


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM