Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@ The [customizeCell](/Documentation/ApiReference/Common/Object_Structures/ExportD

You can access and change the following attributes:

- <a href="https://github.com/exceljs/exceljs#fonts" target="_blank">Font</a> properties
- <a href="https://github.com/exceljs/exceljs#fills" target="_blank">Cell background</a>
- <a href="https://github.com/exceljs/exceljs#hyperlink-value" target="_blank">Cell values</a>
- Text <a href="https://github.com/exceljs/exceljs#alignment" target="_blank">alignment</a>
- <a href="https://github.com/exceljs/exceljs#number-formats" target="_blank">Formatting</a> properties
- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#fonts" target="_blank">Font</a> properties
- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#fills" target="_blank">Cell background</a>
- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#hyperlink-value" target="_blank">Cell values</a>
- Text <a href="https://github.com/DevExpress/devextreme-exceljs-fork#alignment" target="_blank">alignment</a>
- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#number-formats" target="_blank">Formatting</a> properties

The [customizeCell](/Documentation/ApiReference/Common/Object_Structures/ExportDataGridProps/#customizeCell) function also allows you to identify row types. For example, this demo changes the background color and font weight for cells with the "group" [rowType](/Documentation/ApiReference/UI_Components/dxDataGrid/Row/#rowType).
<!--split-->
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
This demo shows how you can use <a href="https://github.com/exceljs/exceljs" target="_blank">ExcelJS</a> API to export images to Excel [worksheets](https://github.com/exceljs/exceljs#add-a-worksheet).
This demo shows how you can use <a href="https://github.com/DevExpress/devextreme-exceljs-fork" target="_blank">DevExtreme ExcelJS</a> API to export images to Excel [worksheets](https://github.com/DevExpress/devextreme-exceljs-fork#add-a-worksheet).

See the [customizeCell](/Documentation/ApiReference/Common/Object_Structures/ExportDataGridProps/#customizeCell) callback for implementation details. The **workbook**.<a href="https://github.com/exceljs/exceljs#add-image-to-workbook" target="_blank">addImage()</a> method specifies image data and encoding. **tl** and **br** parameters are used to specify image location and span.
See the [customizeCell](/Documentation/ApiReference/Common/Object_Structures/ExportDataGridProps/#customizeCell) callback for implementation details. The **workbook**.<a href="https://github.com/DevExpress/devextreme-exceljs-fork#add-image-to-workbook" target="_blank">addImage()</a> method specifies image data and encoding. **tl** and **br** parameters are used to specify image location and span.
<!--split-->
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
The [exportDataGrid()](/Documentation/ApiReference/Common/Utils/excelExporter/#exportDataGridoptions) method allows users to export multiple grids to one Excel document. Grids are exported consequently in a <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/then" target="_blank">chain of Promises</a>.

In this demo, this functionality is used to export two DataGrids into separate <a href="https://github.com/exceljs/exceljs#add-a-worksheet" target="_blank">worksheets</a> in the same <a href="https://github.com/exceljs/exceljs#create-a-workbook" target="_blank">workbook</a>. Starting position of each exported grid is set using the [topLeftCell](/Documentation/ApiReference/Common/Object_Structures/ExportDataGridProps/topLeftCell/) property.
In this demo, this functionality is used to export two DataGrids into separate <a href="https://github.com/DevExpress/devextreme-exceljs-fork#add-a-worksheet" target="_blank">worksheets</a> in the same <a href="https://github.com/DevExpress/devextreme-exceljs-fork#create-a-workbook" target="_blank">workbook</a>. Starting position of each exported grid is set using the [topLeftCell](/Documentation/ApiReference/Common/Object_Structures/ExportDataGridProps/topLeftCell/) property.

Use the [customizeCell](/Documentation/ApiReference/Common/Object_Structures/ExportDataGridProps/#customizeCell) method to customize the exported worksheets.
<!--split-->
Original file line number Diff line number Diff line change
@@ -1,9 +1,9 @@
<a href="https://github.com/exceljs/exceljs" target="_blank">ExcelJS</a> library allows you to customize worksheets outside the exported cell area. This demo uses this functionality to add a header (a title before exported data) and a footer (a note after exported data).
<a href="https://github.com/DevExpress/devextreme-exceljs-fork" target="_blank">DevExtreme ExcelJS</a> library allows you to customize worksheets outside the exported cell area. This demo uses this functionality to add a header (a title before exported data) and a footer (a note after exported data).

Review the [onExporting](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/#onExporting) handler to see the data export code. The functions that create header and footer sections utilize the following customization features:

- <a href="https://github.com/exceljs/exceljs#merged-cells" target="_blank">Merged cells</a>
- <a href="https://github.com/exceljs/exceljs#value-types" target="_blank">Cell values</a> formatting
- <a href="https://github.com/exceljs/exceljs#fonts" target="_blank">Font properties</a>
- Text <a href="https://github.com/exceljs/exceljs#alignment" target="_blank">alignment</a>
- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#merged-cells" target="_blank">Merged cells</a>
- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#value-types" target="_blank">Cell values</a> formatting
- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#fonts" target="_blank">Font properties</a>
- Text <a href="https://github.com/DevExpress/devextreme-exceljs-fork#alignment" target="_blank">alignment</a>
<!--split-->
6 changes: 3 additions & 3 deletions apps/demos/Demos/DataGrid/ExcelJSOverview/description.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
To enable export in the DataGrid, reference or import the <a href="https://github.com/exceljs/exceljs" target="_blank">ExcelJS</a> and <a href="https://github.com/eligrey/FileSaver.js/" target="_blank">FileSaver</a> libraries. Set **export**.[enabled](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/export/#enabled) to **true**.
To enable export in the DataGrid, reference or import the <a href="https://github.com/DevExpress/devextreme-exceljs-fork" target="_blank">DevExtreme ExcelJS</a> and <a href="https://github.com/eligrey/FileSaver.js/" target="_blank">FileSaver</a> libraries. Set **export**.[enabled](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/export/#enabled) to **true**.

Once the conditions above are met, use the [exportDataGrid(options)](/Documentation/ApiReference/Common/Utils/excelExporter/#exportDataGridoptions) method to export the DataGrid to an Excel <a href="https://github.com/exceljs/exceljs#create-a-workbook" target="_blank">workbook</a>.
Once the conditions above are met, use the [exportDataGrid(options)](/Documentation/ApiReference/Common/Utils/excelExporter/#exportDataGridoptions) method to export the DataGrid to an Excel <a href="https://github.com/DevExpress/devextreme-exceljs-fork#create-a-workbook" target="_blank">workbook</a>.

Review the [onExporting](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/#onExporting) handler to see the data export code. DataGrid is exported as is to a single <a href="https://github.com/exceljs/exceljs#add-a-worksheet" target="_blank">worksheet</a>. You can also set [allowExportSelectedData](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/export/#allowExportSelectedData) to **true** to export only selected rows.
Review the [onExporting](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/#onExporting) handler to see the data export code. DataGrid is exported as is to a single <a href="https://github.com/DevExpress/devextreme-exceljs-fork#add-a-worksheet" target="_blank">worksheet</a>. You can also set [allowExportSelectedData](/Documentation/ApiReference/UI_Components/dxDataGrid/Configuration/export/#allowExportSelectedData) to **true** to export only selected rows.

You can export DataGrid to CSV. Call the **exportDataGrid(options)** method as shown in the following ticket: <a href="https://supportcenter.devexpress.com/ticket/details/t920593/pivotgrid-exceljs-export-to-export-pivotgrid-into-csv-file" target="_blank">Export PivotGrid into CSV file</a>.
<!--split-->
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@ Our PivotGrid allows you to control and manage the data export process. You can

Our PivotGrid gives you access and allows you to change the following attributes:

- <a href="https://github.com/exceljs/exceljs#fonts" target="_blank">Font</a> properties
- <a href="https://github.com/exceljs/exceljs#fills" target="_blank">Cell background</a>
- <a href="https://github.com/exceljs/exceljs#hyperlink-value" target="_blank">Cell values</a>
- <a href="https://github.com/exceljs/exceljs#borders" target="_blank">Border</a> properties
- <a href="https://github.com/exceljs/exceljs#number-formats" target="_blank">Formatting</a> properties
- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#fonts" target="_blank">Font</a> properties
- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#fills" target="_blank">Cell background</a>
- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#hyperlink-value" target="_blank">Cell values</a>
- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#borders" target="_blank">Border</a> properties
- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#number-formats" target="_blank">Formatting</a> properties

The **customizeCell** function also allows you to identify cell area types.
<!--split-->
6 changes: 3 additions & 3 deletions apps/demos/Demos/PivotGrid/ExcelJSOverview/description.md
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
Our PivotGrid allows you to easily and accurately export its contents to Microsoft Excel. To enable export operations, you must reference or import <a href="https://github.com/exceljs/exceljs" target="_blank">ExcelJS</a> and <a href="https://github.com/eligrey/FileSaver.js/" target="_blank">FileSaver</a> libraries. You must also set **export**.[enabled](/Documentation/ApiReference/UI_Components/dxPivotGrid/Configuration/export/#enabled) to **true**.
Our PivotGrid allows you to easily and accurately export its contents to Microsoft Excel. To enable export operations, you must reference or import <a href="https://github.com/DevExpress/devextreme-exceljs-fork" target="_blank">DevExtreme ExcelJS</a> and <a href="https://github.com/eligrey/FileSaver.js/" target="_blank">FileSaver</a> libraries. You must also set **export**.[enabled](/Documentation/ApiReference/UI_Components/dxPivotGrid/Configuration/export/#enabled) to **true**.

Once you've referenced/imported both files and set **export**.**enabled** to **true**, use the [exportPivotGrid(options)](/Documentation/ApiReference/Common/Utils/excelExporter/#exportPivotGridoptions) method to export PivotGrid content to an Excel <a href="https://github.com/exceljs/exceljs#create-a-workbook" target="_blank">workbook</a>.
Once you've referenced/imported both files and set **export**.**enabled** to **true**, use the [exportPivotGrid(options)](/Documentation/ApiReference/Common/Utils/excelExporter/#exportPivotGridoptions) method to export PivotGrid content to an Excel <a href="https://github.com/DevExpress/devextreme-exceljs-fork#create-a-workbook" target="_blank">workbook</a>.

Please review the [onExporting](/Documentation/ApiReference/UI_Components/dxPivotGrid/Configuration/#onExporting) handler and its data export code to learn more. In this example, PivotGrid content is exported as is to a single <a href="https://github.com/exceljs/exceljs#add-a-worksheet" target="_blank">worksheet</a>.
Please review the [onExporting](/Documentation/ApiReference/UI_Components/dxPivotGrid/Configuration/#onExporting) handler and its data export code to learn more. In this example, PivotGrid content is exported as is to a single <a href="https://github.com/DevExpress/devextreme-exceljs-fork#add-a-worksheet" target="_blank">worksheet</a>.
<!--split-->

You can export PivotGrid to CSV. Call the **exportPivotGrid(options)** method as shown in the following ticket: <a href="https://supportcenter.devexpress.com/ticket/details/t920593/pivotgrid-exceljs-export-to-export-pivotgrid-into-csv-file" target="_blank">Export PivotGrid into CSV file</a>.
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
The PivotGrid allows you to customize a header and a footer in the exported Excel file. The <a href="https://github.com/exceljs/exceljs" target="_blank">ExcelJS</a> library allows you to customize worksheets outside of exported cell regions. This, in turns, allows you to add a header (a title before exported data) and a footer (a note after exported data).
The PivotGrid allows you to customize a header and a footer in the exported Excel file. The <a href="https://github.com/DevExpress/devextreme-exceljs-fork" target="_blank">DevExtreme ExcelJS</a> library allows you to customize worksheets outside of exported cell regions. This, in turns, allows you to add a header (a title before exported data) and a footer (a note after exported data).
<!--split-->

Follow the steps below to configure a header/footer:
Expand All @@ -19,10 +19,10 @@ Follow the steps below to configure a header/footer:

4. Execute a promise after the [exportPivotGrid(options)](/Documentation/ApiReference/Common/Utils/excelExporter/#exportPivotGridoptions) method. In this promise, specify the position, appearance, and content of the header/footer. The functions used to generate header and footer sections utilize the following PivotGrid customization features:

- <a href="https://github.com/exceljs/exceljs#merged-cells" target="_blank">Merged cells</a>
- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#merged-cells" target="_blank">Merged cells</a>

- <a href="https://github.com/exceljs/exceljs#value-types" target="_blank">Cell values</a> formatting
- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#value-types" target="_blank">Cell values</a> formatting

- <a href="https://github.com/exceljs/exceljs#fonts" target="_blank">Font properties</a>
- <a href="https://github.com/DevExpress/devextreme-exceljs-fork#fonts" target="_blank">Font properties</a>

- Text <a href="https://github.com/exceljs/exceljs#alignment" target="_blank">alignment</a>
- Text <a href="https://github.com/DevExpress/devextreme-exceljs-fork#alignment" target="_blank">alignment</a>
Loading