• ant-design table 中的td 数据过多显示部分,鼠标放上去显示全部

    第一:表格中的数据自动换行,所以表格中的行高不一致

    目标实现:防止自动换行,

    代码实现://*** 是主要实现

    :global {
        .ant-table-tbody > tr > td,
        .ant-table-thead > tr > th {
          height: 62px;
          white-space:nowrap;//***
          overflow: auto;//***
        }
        .ant-table-thead > tr > th {
          background: #2db7f5;
          white-space:nowrap;//***
          overflow: auto;//***
        }

     

    第二:上述目标实现,但是全部显示出来

    目标实现:指定td的数据显示部分以及...,当鼠标放上去显示全部

    代码实现:

    const webColumns = [
        {
          title: ‘IP‘,
          dataIndex: ‘srcIp‘,
          key: ‘srcIp‘,
          width:‘15%‘,
        },{
          title: ‘描述‘,
          dataIndex: ‘msg‘,
          key: ‘msg‘,
          //width:‘8%‘,
          onCell: ()=>{
            return {
              style:{
                maxWidth:260,
                overflow:‘hidden‘,
                whiteSpace:‘nowrap‘,
                textOverflow:‘ellipsis‘,
                cursor:‘pointer‘,
              }
            }
          },
          render: (text) => <span placement="topLeft" title={text}>{text}</span>,
        }
      ]

    其中  oncell()以下为主要实现。

    相关文章
    相关标签/搜索
    4887铁算王中王开奖结果小说 瓦房店市| 宿迁市| 江城| 临安市| 宁波市| 黑河市| 鹤岗市| 扶沟县| 岚皋县| 科技| 乐昌市| 襄樊市| 大新县| 博白县| 牡丹江市| 金平| 北宁市| 石嘴山市| 滦平县| 巴林右旗| 博客| 元谋县| 赤峰市| 铜鼓县| 友谊县| 阜新| 河池市| 海林市| 巴楚县| 花垣县| 武川县| 湖州市| 巴彦淖尔市| 温泉县| 利津县| 龙南县| 诏安县| http://fa.hz0j2r4vo.fun http://fa.hz0j1r2vo.fun http://fa.hz0j2r1vo.fun http://fa.hz0j1r1vo.fun http://fa.hz0j0r3vo.fun