react-table (1) 썸네일형 리스트형 [리액트 React] react-table header style / react-table 헤더 가운데 정렬 / react-table column width resizing 안녕하세요. 디자인도 하고, 개발도 하는 '디발자 뚝딱'입니다. 이번 포스팅에서는 react-table 라이브러리를 사용할 때 헤더에 스타일 주는 법에 대해 공유하겠습니다. 기본적으로 react-table은 헤더 글자가 좌측 정렬이 되어 있습니다. 그렇다면 어떻게 style을 주어서 변경을 할 수 있을까요? 지금부터 알아보겠습니다! 헤더 스타일 주는 법 / column 너비 정하는 법 1. Header에 () => () 를 사용하여 아래처럼 p태그로 감싸서 텍스트를 넣어주세요. 그리고 p태그 안에서 style을 주면 됩니다. 2. maxWidth, minWidth, width를 사용하여 헤더의 너비를 정해주세요. const columns = React.useMemo( () => [ { Header: ()..
