react-antd-Table組件固定列字段太長(列不對齊)問題

1、當固定列遇到某個字段過長的問題,可對其單獨進行寬度限制
在這裏插入圖片描述
2、超長字段限制最長寬度並超過省略

        render: (schoolName) => {
          return (
            <div className="ellipsis" style={{ float: 'left', maxWidth: '100px', overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis' }} title={schoolName}>
              {schoolName}
            </div>
          )
        }

3、同時,可能還與遇到一個問題,由於超長字段問題,會導致列與列不對齊情況,這時候只需要將最後一列不給寬度即可。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章