{
    "componentChunkName": "component---src-templates-doc-page-jsx",
    "path": "/angular-data-grid/excel-export-data-types/",
    "result": {"data":{"markdownRemark":{"htmlAst":{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Excel Exporter allows you to export values into different Excel data types."}]},{"type":"element","tagName":"h2","properties":{"id":"strings-number-and-booleans","style":"position:relative;"},"children":[{"type":"text","value":"Strings, Number and Booleans"},{"type":"element","tagName":"a","properties":{"href":"#strings-number-and-booleans","ariaLabel":"strings number and booleans permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In order to correctly display cell values in the exported Excel file you need to set the appropriate formatting to use during the Excel export process. In the segment below, we're demonstrating different value formatting to export values into different Excel data types."}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Note that:"}]},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"We define a list of Excel types/formats to export into in the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"excelStyles"}]},{"type":"text","value":" array. These styles include a "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"unique id"}]},{"type":"text","value":", and either a "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"dataType"}]},{"type":"text","value":" or a "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"numberFormat"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"In the grid column definitions we link to the corresponding types defined in the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"excelStyles"}]},{"type":"text","value":" array storing the export configuration we want to apply for the column values."}]},{"type":"text","value":"\n"}]},{"type":"element","tagName":"snippet","properties":{},"children":[{"type":"text","value":"\nconst gridOptions = {\n    columnDefs: [\n        { headerName: 'provided', field: 'rawValue' },\n        { headerName: 'number', field: 'rawValue', cellClass: 'numberType' },\n        { headerName: 'currency', field: 'rawValue', cellClass: 'currencyFormat' },\n        { headerName: 'boolean', field: 'rawValue', cellClass: 'booleanType' },\n        { headerName: 'Negative', field: 'negativeValue', cellClass: 'negativeInBrackets' },\n        { headerName: 'string', field: 'rawValue', cellClass: 'stringType' },\n        { headerName: 'Date', field: 'dateValue', cellClass: 'dateType', minWidth: 220 },\n    ], \n    rowData: [\n        {\n            rawValue: 1,\n            negativeValue: -10,\n            dateValue: '2009-04-20T00:00:00.000',\n        },\n    ],\n    excelStyles: [\n        {\n            id: 'numberType',\n            numberFormat: {\n                format: '0',\n            },\n        },\n        {\n            id: 'currencyFormat',\n            numberFormat: {\n                format: '#,##0.00 €',\n            },\n        },\n        {\n            id: 'negativeInBrackets',\n            numberFormat: {\n                format: '$[blue] #,##0;$ [red](#,##0)',\n            },\n        },\n        {\n            id: 'booleanType',\n            dataType: 'Boolean',\n        },\n        {\n            id: 'stringType',\n            dataType: 'String',\n        },\n        {\n            id: 'dateType',\n            dataType: 'DateTime',\n        },\n    ],\n    popupParent: document.body\n};\n"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The following example demonstrates how to use other data types for your export. "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Note that:"}]},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Boolean works by using "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"1"}]},{"type":"text","value":" for "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"true"}]},{"type":"text","value":", "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"0"}]},{"type":"text","value":" for "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"false"}]},{"type":"text","value":". All other values produce an error when exported to boolean."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"When you provide a "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"numberFormat"}]},{"type":"text","value":", the value gets exported as a number using the format provided. You can set the decimal places, format negative values differently and change the exported value color based on the value."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"When using dataType: 'DateTime', the date time format for Excel is "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"yyyy-mm-ddThh:MM:ss.mmm:"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"If you try to export a value that is not compatible with the underlying data type Excel will display an error when opening the file."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"When using "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"dataType: 'DateTime'"}]},{"type":"text","value":" Excel doesn't format the resultant value, in this example it shows "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"39923"}]},{"type":"text","value":". You need to add the formatting inside Excel. You can see a better example of how to handle Date Formatting in the "},{"type":"element","tagName":"a","properties":{"href":"/archive/29.3.3/excel-export-data-types/#dates"},"children":[{"type":"text","value":"Dates"}]},{"type":"text","value":" section below."}]},{"type":"text","value":"\n"}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"grid-example","properties":{"title":"Excel Data Types","name":"excel-export-data-types","type":"generated","options":"{ \"enterprise\": true,\"modules\": [\"clientside\", \"csv\", \"excel\", \"menu\"], \"exampleHeight\": 200 }"},"children":[]}]},{"type":"element","tagName":"h2","properties":{"id":"dates","style":"position:relative;"},"children":[{"type":"text","value":"Dates"},{"type":"element","tagName":"a","properties":{"href":"#dates","ariaLabel":"dates permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"When exporting dates to Excel format, you should use an Excel Style with "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"dataType=\"DateTime\""}]},{"type":"text","value":". The DateTime format only accepts dates in ISO Format, so all date values need to be provided in the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"yyyy-mm-ddThh:mm:ss"}]},{"type":"text","value":" format. "}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If your date values are not in ISO format, please use the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"processCellCallback"}]},{"type":"text","value":" method to convert them. As demonstrated in example above, by default Excel displays these date values as numbers. To format these numbers like regular dates in Excel, please enter a numberFormat value containing the desired date value format in the Excel Style as shown below:"}]},{"type":"element","tagName":"snippet","properties":{},"children":[{"type":"text","value":"\nconst gridOptions = {\n    columnDefs: [\n        {\n            field: 'date',\n            headerName: 'ISO Format',\n            cellClass: 'dateISO'\n        }\n    ], \n    rowData: [\n        { date: '2020-05-30T10:01:00' },\n        { date: '2015-04-21T16:30:00' },\n        { date: '2010-02-19T12:02:00' },\n        { date: '1995-10-04T03:27:00' }\n    ],\n    excelStyles: [\n        {\n            id: 'dateISO',\n            dataType: 'DateTime',\n            numberFormat: {\n                format: 'yyy-mm-ddThh:mm:ss'\n            }\n        }\n    ]\n};\n"}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Note the following:"}]},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"There is only one date source in "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"ISO Format"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"All columns apart from the "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"ISO Format"}]},{"type":"text","value":" column use "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"Value Formatter"}]},{"type":"text","value":" to change the date format."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"The "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"excelStyles"}]},{"type":"text","value":" has a "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"numberFormat"}]},{"type":"text","value":" for each date style (including the ISO Format), otherwise only a number would be displayed."}]},{"type":"text","value":"\n"}]},{"type":"element","tagName":"div","properties":{},"children":[{"type":"element","tagName":"grid-example","properties":{"title":"Excel Export - Styling Dates","name":"excel-export-dates","type":"generated","options":"{ \"enterprise\": true, \"modules\": [\"clientside\", \"csv\", \"excel\", \"menu\"] }"},"children":[]}]},{"type":"element","tagName":"h2","properties":{"id":"next-up","style":"position:relative;"},"children":[{"type":"text","value":"Next Up"},{"type":"element","tagName":"a","properties":{"href":"#next-up","ariaLabel":"next up permalink","className":["docs-header-icon","after"]},"children":[{"type":"element","tagName":"svg","properties":{"id":"icon","xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 32 32"},"children":[{"type":"element","tagName":"path","properties":{"d":"M29.25,6.76a6,6,0,0,0-8.5,0l1.42,1.42a4,4,0,1,1,5.67,5.67l-8,8a4,4,0,1,1-5.67-5.66l1.41-1.42-1.41-1.42-1.42,1.42a6,6,0,0,0,0,8.5A6,6,0,0,0,17,25a6,6,0,0,0,4.27-1.76l8-8A6,6,0,0,0,29.25,6.76Z"},"children":[]},{"type":"element","tagName":"path","properties":{"d":"M4.19,24.82a4,4,0,0,1,0-5.67l8-8a4,4,0,0,1,5.67,0A3.94,3.94,0,0,1,19,14a4,4,0,0,1-1.17,2.85L15.71,19l1.42,1.42,2.12-2.12a6,6,0,0,0-8.51-8.51l-8,8a6,6,0,0,0,0,8.51A6,6,0,0,0,7,28a6.07,6.07,0,0,0,4.28-1.76L9.86,24.82A4,4,0,0,1,4.19,24.82Z"},"children":[]}]}]}]},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Continue to the next section: "},{"type":"element","tagName":"a","properties":{"href":"../excel-export-hyperlinks/"},"children":[{"type":"text","value":"Hyperlinks"}]},{"type":"text","value":"."}]}]},"frontmatter":{"title":"Excel Export - Data Types","version":null,"enterprise":true,"sideMenu":null,"description":null},"headings":[{"id":"strings-number-and-booleans","depth":2,"value":"Strings, Number and Booleans"},{"id":"dates","depth":2,"value":"Dates"},{"id":"next-up","depth":2,"value":"Next Up"}]}},"pageContext":{"frameworks":["javascript","react","angular","vue"],"framework":"angular","srcPath":"/excel-export-data-types","pageName":"excel-export-data-types"}},
    "staticQueryHashes": ["1766026005","699667431","940729948"]}