react 테이블 구현시 edit box(div) 구현시 이벤트 영역 지정 관련 문의 드립니다.

tabulator 도 괜찮네요.. ^^

셀편집, thead th도 너비 조정이 가능하고..

다른분들도 보시면 좋을것 같아서 공유해드립니다.

http://tabulator.info/

그렇군요.. ㅠ.ㅠ

제가 너무 쉽게 생각한거 같네요..

꼭 만들고 싶어서.. 그렇습니다.

제가 만들고 싶은 앱에 꼭 필요한 부분이라서..

지금 하고 계신 일이 난이도가 엄청 높은 일입니다. 혼자서 하고 계신 거라면 정말 고생 많으실 겁니다. ㅠㅠ 보통 중고급 개발자가 서너명 달려들어도 테이블 제대로 구현하기 힘듭니다.

이야기 하신 axui-datagrid 컴포넌트 이외에도 다른 컴포넌트들을 찾아보았는데... 제가 원하는 방식인 위의 방식은 없는것 같습니다.

사용자가 가장 손쉽게 수정과 입력이 가능하도록 구현을 하려고 하다보니.. 많이 복잡해 지는것 같습니다.

여러 테이블간에도 저 박스는 한 개만 떠야 하는 것인가요? 그렇다면 context api같은 공유 스토어에다가 Cancel/Save div박스를 켤 때 스토어에 저 박스를 끌 수 있는 함수를 넣어두고, 다른 걸 켜면 스토어에 넣어둔 값을 확인하여 끄는 식으로 해야 합니다.

날짜/시간 핸들링 라이브러리는 dayjs 추천드립니다. 모멘트랑 API가 똑같은데 훨씬 더 가볍습니다.

아, 참고로 리액트 테이블 관련해서는 axui-datagrid같은 컴포넌트 찾아보시는 것도 추천드립니다.