typescript 썸네일형 리스트형 [ react, MUI ] mui의 dataGrid props "apiRef" 활용 뻔한 얘기이겠지만?? 데이터 그리드에서도 ref를 사용할 수 있다.useGridApiRef를 import하면, 데이터그리드 핸들링이 훨씬 편하다.이를 활용한 코드를 소개하려고 한다. 1. MUI 데이터그리드 정렬 기능의 동적 해제 기능 추가mui DataGrid에는 기본적으로 sorting 기능이 있다.컬럼에 마우스 오버하면 화살표가 생기면서 오름차순, 내림차순의 정렬이 가능하다. 이 때 정렬 기능을 사용하고나서 자동 해제를 동적으로 조절해야할 때가 있었다. 화면 내부에서 reset버튼을 눌렀을 때 화면을 새로 그리는데, 사실 데이터그리드는 데이터가 변경될 뿐 실제로 새롭게 화면이 렌더링이 되는 것은 아니라서 정렬 기능이 리셋되지 않았다.이 때 나는이런식으로 정렬 해제를 해주었다. reset을 알리는 상.. 더보기 이전 1 다음
