시트의 toJSON 호출에 두 가지 직렬화 옵션을 전달합니다: 포함 바인딩 소스 및 열HeadersAFrozenRows. 이러한 옵션을 사용하면 시트에 바인딩된 데이터가 올바르게 내보내지고 시트에 열 헤더가 포함되어 있으므로 내보낸 Excel 파일을 보면 각 열에 포함된 내용을 이해할 수 있습니다. Excel로 내보낼 때 발생할 수 있는 가장 가능성이 높은 오류 중 일부는 줄 바호 문자가 포함된 데이터의 단일 텍스트 값이 Excel에서 단일 셀로 나타납니다. 이렇게 하면 데이터 필터 및 피벗 테이블을 사용하기 전에 병합해야 하는 여러 셀로 분할되는 다중 줄 값의 원치 않는 동작을 방지할 수 있습니다. … 마지막으로 Excel 워크시트가 열려 있는지 확인하고 CTRL-V를 사용하여 데이터를 붙여 넣기로 내보내기를 완료합니다. 헤더는 특별한 경우이며 헤더는 일반 행으로 Excel로 내보내므로 스타일을 지정하려면 ExcelStyle에 ID와 이름 “헤더”를 제공 할 수 있습니다. 이렇게하면 헤더도 아래와 같이 ExcelDownloadDemo.vue를 렌더링하도록 App.vue 파일을 업데이트했습니다. 오랫동안 소프트웨어를 개발한 적이 있다면 관리자로부터 그 질문을 두 번 이상 들었을 것입니다. 기술적이지 않은 군중에게 Excel 가져오기 /내보내기를 요청하는 것은 큰 문제가되지 않습니다. 얼마나 힘들수 있겠습니까? Export2Excel은 js-xlsx뿐만 아니라 파일 보호기 및 스크립트 로더에도 의존합니다.

이제 끝났어요! 우리는 일반 Vue 대시 보드 응용 프로그램을 가지고 그것에 라이브 스프레드 시트를 추가. 이제 시트의 데이터를 편집하고 전체 대시보드 업데이트 자체를 볼 수 있습니다. 우리의 향상된 대시 보드는 엑셀 파일을 가져 와서 내보낼 수 있습니다. Vue, Vuex 및 SpreadJS는 서로를 잘 보완합니다. Vue의 간편한 템플릿 및 데이터 바인딩, Vuex의 반응형 데이터 저장소 및 SpreadJS의 대화형 스프레드시트를 통해 복잡한 엔터프라이즈 자바스크립트 앱을 몇 시간 만에 만들 수 있습니다. Excel 파일을 열 때 오류가 발생하면 스타일 정의에 오류가 있기 때문입니다. 이 경우 구성에서 모든 스타일 정의를 제거하고 오류를 일으키는 정의를 찾을 때까지 하나씩 추가하는 것이 좋습니다. 데이터가 Excel에서 올바르게 표시되지 않는지 확인하는 또 다른 점은 열 구분 기호입니다. 데이터를 Excel에 붙여 넣고 강조 표시하고 데이터 탭으로 이동하여 텍스트 에 열로 이동하여 “구분됨”을 선택하면 다음 화면에서 구분 기호를 테스트하고 데이터를 올바른 형식으로 분할할 수 있습니다. Excel 내보내기를 사용하면 개방형 XML 형식(xlsx) 또는 Excel자체 XML 형식을 사용하여 ag-Grid 데이터를 Excel로 내보낼 수 있습니다. 내보내기는 API 호출을 사용하거나 Grid에서 오른쪽 클릭 컨텍스트 메뉴를 사용하여 시작할 수 있습니다.

브라우저에서 직접 Excel 파일로 JSON 데이터를 다운로드합니다. 이 구성 요소는 이 스레드에 제안된 솔루션을 기반으로 https://stackoverflow.com/questions/17142427/javascript-to-export-html-table-to-excel 데모일 뿐이지만 엔터프라이즈 웹 개발자가 만들어야 하는 앱의 종류입니다.