개발 노트

Ant Design Table의 row에 대한 이벤트 핸들링 본문

React

Ant Design Table의 row에 대한 이벤트 핸들링

알 수 없는 사용자 2023. 6. 14. 18:12

 antd에서 Table안 row를 클릭 시 이벤트 지정은 onRow 속성을 추가하여야 한다.

<Table
 
        // 테이블 필드 세팅 및 기본 값
        dataSource={users}
        columns={columns}
        
       // Table안 각각의 row에 대한 설정 속성
        onRow={(record,index)=>{
          return{
            onClick : ( )=>{ },
            ....
 
            // row에 대한 각종 이벤트를 할당한다.
            onEvent : ( ) => { }
             
          }
        }}
     />