Puppy's paw

If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase

react-data-grid 에서 formatter에 <button> 태그를 생으로 넣으면  attirbute에서 native html속성을 쓸 수가 없다.

lowcase라고 하지만 lowcase로 넣어봤자 어차피 없는 속성이다.

formatter에 html에 대신 리액트 컴포넌트를 사용하면 된다.

https://adazzle.github.io/react-data-grid/#/examples/filterable-sortable-grid

심플하고 커스터마이징이 쉬운 것 같아서 선택했다.

소팅이나 필터링 알고리즘은 직접 구현하게 되있다.

하지만 react-data-grid-addons에 구현 되있는 것들이 있다.

그런데 문제는 사용법 설명이 없다. 그냥 예제 보고 분석해야한다.

이쪽은 커스터마이징이 쉬워 보이지 않는다. 그냥 직접 구현하는게 나을 지도

table cell word-wrap 문제

컴포넌트로 컨트롤 하는 방법은 없다.

css로 찾아서 해결해야 한다.