React - Handsontable 데이터 그리드: 열 이동 및 상태 업데이트

Question

저는 React용 라이브러리를 사용하고 있으며 헤더 목록(배열)이 있고 반대편에는 테이블 데이터가 포함된 배열이 있습니다.

문서를 읽은 후 "왼쪽에 열 추가" 및 "오른쪽에 열 추가" 옵션을 추가한 메뉴를 활성화할 수 있었지만 이는 시각적으로만 수행되었으며 React 상태에서 제목을 업데이트하지 않았습니다.

저는 두 가지 방법을 시도해봤습니다. 두 번째 방법은 "사용자 정의 드롭다운 구성"입니다. 열을 수동으로 추가하고 handsontable 메서드인 "updateSettings"를 사용하여 헤더를 업데이트했지만 여전히 작동하지 않습니다 (때때로 작동하기도 하고 때로는 다른 곳에 열을 추가하기도 합니다).

으으으으

Answer 1

이 작업을 다음과 같이 완료했습니다.

으아아아

요점은 이전에 깨닫지 못했던 점은 테이블 헤더의 상태가 업데이트되지 않는 것 외에도 열을 이동할 때 테이블 데이터도 업데이트되어야 한다는 것인데, 여기에 js 함수를 구현하여 이동했습니다. 정보(moveColumnTable)

으아아아

중요: 단일 열을 이동하기 위해 이 기능을 구현했습니다