From df36a616a967d9e204f0efbeda1434303b57992b Mon Sep 17 00:00:00 2001 From: SheetJS Date: Mon, 15 Jul 2024 21:40:51 -0400 Subject: [PATCH] Merged Cells docs --- .../02-examples/04-import.md | 2 +- .../02-examples/06-loader.md | 12 +- docz/docs/03-demos/02-frontend/01-kaioken.md | 3 +- docz/docs/03-demos/02-frontend/02-react.md | 7 +- docz/docs/03-demos/02-frontend/03-angular.md | 7 +- docz/docs/03-demos/02-frontend/04-vue.md | 7 +- docz/docs/03-demos/02-frontend/05-svelte.md | 4 +- .../docs/03-demos/02-frontend/07-angularjs.md | 7 +- docz/docs/06-solutions/03-processing.md | 23 +- docz/docs/06-solutions/05-output.md | 5 +- docz/docs/07-csf/03-sheet.md | 6 +- docz/docs/07-csf/07-features/11-merges.md | 268 ++++++++++++++++++ docz/static/files/merges.png | Bin 0 -> 29922 bytes 13 files changed, 307 insertions(+), 44 deletions(-) create mode 100644 docz/docs/07-csf/07-features/11-merges.md create mode 100644 docz/static/files/merges.png diff --git a/docz/docs/02-getting-started/02-examples/04-import.md b/docz/docs/02-getting-started/02-examples/04-import.md index 13d4e18..09c6ccb 100644 --- a/docz/docs/02-getting-started/02-examples/04-import.md +++ b/docz/docs/02-getting-started/02-examples/04-import.md @@ -1089,7 +1089,7 @@ When the app is loaded, the data will be displayed in rows. [^7]: See [`sheet_to_html` in "Utilities"](/docs/api/utilities/html#html-table-output) [^8]: See [`sheet_to_json` in "Utilities"](/docs/api/utilities/array#array-output) [^9]: See [`sheet_to_json` in "Utilities"](/docs/api/utilities/array#array-output) -[^10]: See [`!merges` in "Sheet Objects"](/docs/csf/sheet#worksheet-object) +[^10]: See ["Merged Cells" in "SheetJS Data Model"](/docs/csf/features/merges) [^11]: See ["Column Names" in "Addresses and Ranges"](/docs/csf/general#column-names) [^12]: See ["Array of Objects" in "ReactJS"](/docs/demos/frontend/react#array-of-objects) [^13]: See ["Running on Device"](https://reactnative.dev/docs/running-on-device) in the React Native documentation for more details. \ No newline at end of file diff --git a/docz/docs/02-getting-started/02-examples/06-loader.md b/docz/docs/02-getting-started/02-examples/06-loader.md index d931b70..5ec8071 100644 --- a/docz/docs/02-getting-started/02-examples/06-loader.md +++ b/docz/docs/02-getting-started/02-examples/06-loader.md @@ -35,7 +35,7 @@ This demo was tested in the following configurations: | Date | Platform | |:-----------|:--------------------------------------------------------------| -| 2024-06-19 | Apple M2 Max 12-Core CPU + 30-Core GPU (32 GB unified memory) | +| 2024-07-15 | Apple M2 Max 12-Core CPU + 30-Core GPU (32 GB unified memory) | | 2024-07-14 | NVIDIA RTX 4090 (24 GB VRAM) + i9-10910 (128 GB RAM) | | 2024-07-14 | NVIDIA RTX 4080 SUPER (16 GB VRAM) + i9-10910 (128 GB RAM) | @@ -819,6 +819,16 @@ The filtered results should match the following screenshot: ![Expected Results](pathname:///loadofsheet/expected.png) +:::tip pass + +The [SheetJS model](/docs/csf) exposes [formulae](/docs/csf/features/formulae) +and other features. + +[SheetJS Pro](https://sheetjs.com/pro) builds expose cell styling, images, +charts, tables, and other features. + +::: + [^1]: See ["How to load CSV data"](https://js.langchain.com/v0.2/docs/how_to/document_loader_csv) in the LangChain documentation [^2]: See [`readFile` in "Reading Files"](/docs/api/parse-options) [^3]: See ["SheetJS Data Model"](/docs/csf/) diff --git a/docz/docs/03-demos/02-frontend/01-kaioken.md b/docz/docs/03-demos/02-frontend/01-kaioken.md index 3e7de30..15ad90a 100644 --- a/docz/docs/03-demos/02-frontend/01-kaioken.md +++ b/docz/docs/03-demos/02-frontend/01-kaioken.md @@ -537,7 +537,7 @@ will generate a workbook that can be opened in a spreadsheet editor. The main disadvantage of the Array of Objects approach is the specific nature of the columns. For more general use, passing around an Array of Arrays works. -However, this does not handle merge cells well! +However, this does not handle merge cells[^6] well! The [`sheet_to_html`](/docs/api/utilities/html#html-table-output) function generates HTML that is aware of merges and other worksheet features. To add the @@ -685,3 +685,4 @@ will generate a workbook that can be opened in a spreadsheet editor. [^3]: See [`useEffect`](https://kaioken.dev/docs/hooks/useEffect) in the Kaioken documentation. [^4]: See [`useCallback`](https://kaioken.dev/docs/hooks/useCallback) in the Kaioken documentation. [^5]: See [`useCallback`](https://kaioken.dev/docs/hooks/useCallback) in the Kaioken documentation. +[^6]: See ["Merged Cells" in "SheetJS Data Model"](/docs/csf/features/merges) for more details. diff --git a/docz/docs/03-demos/02-frontend/02-react.md b/docz/docs/03-demos/02-frontend/02-react.md index bde3d9b..47e1f59 100644 --- a/docz/docs/03-demos/02-frontend/02-react.md +++ b/docz/docs/03-demos/02-frontend/02-react.md @@ -554,11 +554,11 @@ will generate a workbook that can be opened in a spreadsheet editor. The main disadvantage of the Array of Objects approach is the specific nature of the columns. For more general use, passing around an Array of Arrays works. -However, this does not handle merge cells well! +However, this does not handle merge cells[^5] well! The [`sheet_to_html`](/docs/api/utilities/html#html-table-output) function generates HTML that is aware of merges and other worksheet features. ReactJS -`dangerouslySetInnerHTML`[^5] prop allows code to set the `innerHTML` attribute, +`dangerouslySetInnerHTML`[^6] prop allows code to set the `innerHTML` attribute, effectively inserting the code into the page. In this example, the component attaches a `ref` to the `DIV` container. During @@ -761,4 +761,5 @@ transpiled in the browser using Babel standalone library. [^2]: See [`useEffect`](https://react.dev/reference/react/useEffect) in the ReactJS documentation. [^3]: See [`useCallback`](https://react.dev/reference/react/useCallback) in the ReactJS documentation. [^4]: See [`useCallback`](https://react.dev/reference/react/useCallback) in the ReactJS documentation. -[^5]: [`dangerouslySetInnerHTML`](https://react.dev/reference/react-dom/components/common#common-props) is a ReactJS prop supported for all built-in components. \ No newline at end of file +[^5]: See ["Merged Cells" in "SheetJS Data Model"](/docs/csf/features/merges) for more details. +[^6]: [`dangerouslySetInnerHTML`](https://react.dev/reference/react-dom/components/common#common-props) is a ReactJS prop supported for all built-in components. diff --git a/docz/docs/03-demos/02-frontend/03-angular.md b/docz/docs/03-demos/02-frontend/03-angular.md index 00d04fa..c613a20 100644 --- a/docz/docs/03-demos/02-frontend/03-angular.md +++ b/docz/docs/03-demos/02-frontend/03-angular.md @@ -507,12 +507,12 @@ to test the bundled site. The main disadvantage of the Array of Objects approach is the specific nature of the columns. For more general use, passing around an Array of Arrays works. -However, this does not handle merge cells well! +However, this does not handle merge cells[^5] well! The `sheet_to_html` function generates HTML that is aware of merges and other worksheet features. The generated HTML does not contain any `