반응 부트 스트랩 및 필터링을 사용하여 데이터 그리드 테이블을 만드는 방법 데이터 격자의 옵션 정렬

Question

예 : 테이블이 모달로 채워짐 검색 버튼을 클릭하면 Java 응용 프로그램에 기존 기능이 있습니다. 모달 창 (데이터 표 격자와 같은)을 선택하고 필터링 및 정렬 옵션이있는 표 형식의 데이터를 표시합니다. 표에서 레코드를 선택하면 기존 형식으로 선택됩니다. ReactJs와 반응 부트 스트랩을 사용하여 이것을 달성하는 방법은 무엇입니까? 이 요구 사항을 가져오고 작업 할 모든 라이브러리? 필터링 정렬은 드롭 다운 ...

COL1 Col2의 열 3 + 부가 행 --- ---- ----

행을 선택

.. COL1 Col2의 열 3 행 -del

확인. 행을 선택하면 값이

Answer 1

내가 여기 두 개의 주요 경쟁이 생각하는 기본 폼에 표시됩니다로도 알려져

ReactDataGrid, 적어도 경우

을-반응 데이터 그리드 및 https://facebook.github.io/fixed-data-table/ 반응 형 데이터 그리드는 요구하는 기능을 지원하지만 통합 할 수있는 작업이 있습니다. 사용자가 정렬 및 필터링을 요청할 수있는 UI를 제공하지만 실제로 이벤트에 응답하여 데이터를 정렬하고 필터링해야합니다. 내부 편집을 허용하는 UI를 지원하며 동적으로 행을 추가 할 수 있지만 UI에 단추를 추가하고 적절한 방식으로 해당 행에 응답해야합니다.

모달 대화 상자에서 개체의 자세한 양식보기로 돌아가려면 redux 및 react-redux과 같은 저장소를 사용하는 것이 일반적입니다.

처음부터 모두 실행하는 것은 쉬운 일이 아니며 적어도 며칠이 걸릴 것입니다.