1、长字段超过内容...显示
render: (data) => { return ( <div className="ellipsis" style={{ float: 'left', maxWidth: '100px', overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', }}title={data}> {data} </div> ) },
2、一列显示两个字段内容。。。
{ title: 'Title', dataIndex: 'title', align: 'center', hideInSearch: 'false', render: (data, row) => { return ( <div className="ellipsis" style={{ float: 'left', maxWidth: '100px', overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis', }}> {row.title} <Divider dashed={true}></Divider>//分割线,两条数据分隔在一个单列显示 <a href={`https://yesok?url=` + row.url} target="_blank"> {row.url} </a> </div> ) }
Happy New Year!︿( ̄︶ ̄)︿