ant-vue a-table和內嵌div/p 一行顯示文本,給超出部分隱藏鼠標顯示整體內容


只要再column指定設定的列設置ellipsis:true即可

{
       title: '關聯圖紙文件(僅顯示 .PcbDoc/.pdf/.dwg)',
       key: 'tags',
       dataIndex: 'tags',
       scopedSlots: { customRender: 'tags' },
       ellipsis: true,
       width:300
      },

內嵌到單元格的標簽和普通的一樣設置:

<template slot="beizhu" slot-scope="text, record, index">
<span v-if="!record.isEdit">
<p :title='record.beizhu' style="width:100px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;"> {{record.beizhu}}</p> ...

 


免責聲明!

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



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