antd Table는 행의 데이터에 따라 행tr 스타일을 제어하는 방법

4754 단어
<Table columns={configColumns} rowClassName={(record, index) => index % 2  === 0 ? styles.classname : ''} dataSource={data}/>



<Table dataSource={this.state.rankDta}
       scroll={{ y: '200px' }}
       style={{marginLeft: '10px'}}
       pagination={{ pageSize: 12 }}
       columns={columns}
       rowClassName={this.setClassName}
       rowKey={this.state.rankDta.restId}
/>
setClassName = (record, index) => {
  return ( index  === 0 ? styles.red : '')
}

좋은 웹페이지 즐겨찾기