{ "name": "Spreadsheet", "description": "Spreadsheet Component", "keywords": { "common": [ "ej2", "syncfusion", "spreadsheet", "excel", "workbook", "worksheet", "xlsx", "xlsb", "csv", "grid", "data", "excel-like", "excel-style", "editor", "excel-editor", "excel-viewer", "sheets", "formulas", "sorting", "filtering", "formatting", "virtual-scrolling", "edit-cell", "editable-table", "javascript", "typescript" ], "angular": ["angular", "angular-spreadsheet"], "react": ["react", "reactjs", "react-spreadsheet"], "vue": ["vue", "vuejs", "vue-spreadsheet"] }, "blazorType": "none", "repository": { "type": "git", "url": "https://github.com/syncfusion/ej2-spreadsheet" }, "eventInterfaces": [ "CellRenderEventArgs", "BeforeSelectEventArgs", "SelectEventArgs", "BeforeOpenCloseMenuEventArgs", "BeforeOpenEventArgs", "MenuSelectEventArgs", "CellEditEventArgs", "CellSaveEventArgs", "BeforeSaveEventArgs", "SaveCompleteEventArgs", "BeforeCellFormatArgs", "OpenFailureArgs", "FailureEventArgs" ], "components": [ { "baseClass": "Spreadsheet", "directoryName": "spreadsheet", "type": "simple", "defaultTag": "
", "preferredTag": "div", "twoWays": [], "dynamicModules": [ "Clipboard", "Edit", "KeyboardNavigation", "KeyboardShortcut", "Selection", "ContextMenu", "FormulaBar", "Ribbon", "Save", "Open", "SheetTabs", "DataBind", "CellFormat", "NumberFormat", "Formula" ], "diModuleFiles": [ { "fileName": "clipboard" }, { "fileName": "edit" }, { "fileName": "keyboard-navigation" }, { "fileName": "keyboard-shortcut" }, { "fileName": "selection" }, { "fileName": "context-menu" }, { "fileName": "formula-bar" }, { "fileName": "ribbon" }, { "fileName": "save" }, { "fileName": "open" }, { "fileName": "sheet-tabs" }, { "fileName": "data-binding" }, { "fileName": "cell-format" }, { "fileName": "number-format" }, { "fileName": "formula" } ], "comment": [ "/**", " * `ejs-spreadsheet` represents the Angular Spreadsheet Component.", " * ```html", " * ", " * ```", " */" ], "reactComment": [ "/**", " * `SpreadsheetComponent` represents the react Spreadsheet.", " * ```tsx", " * ", " * ```", " */" ], "vueComment": [ "/**", " * `ejs-spreadsheet` represents the VueJS Spreadsheet Component.", " * ```vue", " * ", " * ```", " */" ], "tagDirective": [ { "baseClass": "Sheet", "propertyName": "sheets", "directoryName": "spreadsheet", "directiveClassName": "Sheet", "arrayDirectiveClassName": "Sheets", "aspArrayClassName": "Sheet", "aspCollectionClassName": "Sheets", "comment": [ "/**", " * `e-sheet` directive represent a sheet of the Angular Spreadsheet.", " * It must be contained in a Spreadsheet component(`ejs-spreadsheet`).", " * ```html", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * `SheetDirective` represent a sheet of the React Spreadsheet.", " * It must be contained in a Spreadsheet component(`SpreadsheetComponent`).", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * `e-sheet` directive represent a sheet of the VueJS Spreadsheet.", " * It must be contained in a Spreadsheet component(`ejs-spreadsheet`).", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "complexDirective": [ { "baseClass": "UsedRange", "propertyName": "usedRange", "aspSelectorName": "e-spreadsheet-usedrange" }, { "baseClass": "ProtectSettings", "propertyName": "protectSettings", "aspSelectorName": "e-spreadsheet-protect-settings" } ], "tagDirective": [ { "baseClass": "Row", "propertyName": "rows", "directoryName": "spreadsheet", "directiveClassName": "Row", "arrayDirectiveClassName": "Rows", "aspArrayClassName": "Row", "aspCollectionClassName": "Rows", "aspDirectiveSelector": "e-spreadsheet-row", "aspArrayDirectiveSelector": "e-spreadsheet-rows", "comment": [ "/**", " * `e-row` directive represent a row of the Angular Spreadsheet.", " * It must be contained in a `e-sheet` directive.", " * ```html", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * `RowDirective` represent a row of the React Spreadsheet.", " * It must be contained in a `SheetDirective`.", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * `e-row` directive represent a row of the VueJS Spreadsheet.", " * It must be contained in a `e-sheet` directive.", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "complexDirective": [ { "baseClass": "Format", "propertyName": "format", "aspSelectorName": "e-spreadsheet-format" } ], "tagDirective": [ { "baseClass": "Cell", "propertyName": "cells", "directoryName": "spreadsheet", "directiveClassName": "Cell", "arrayDirectiveClassName": "Cells", "aspArrayClassName": "Cell", "aspCollectionClassName": "Cells", "aspDirectiveSelector": "e-spreadsheet-cell", "aspArrayDirectiveSelector": "e-spreadsheet-cells", "complexDirective": [ { "baseClass": "CellStyle", "propertyName": "style", "aspSelectorName": "e-spreadsheet-cellstyle" }, { "baseClass": "Hyperlink", "propertyName": "hyperlink" }, { "baseClass": "Validation", "propertyName": "validation" }, { "baseClass": "ThreadedComment", "propertyName": "comment", "tagDirective": [ { "baseClass": "CommentReply", "propertyName": "replies", "directoryName": "spreadsheet", "directiveClassName": "CommentReply", "arrayDirectiveClassName": "CommentReplies", "aspArrayClassName": "CommentReply", "aspCollectionClassName": "CommentReplies", "aspDirectiveSelector": "e-comment-reply", "aspArrayDirectiveSelector": "e-comment-replies" } ] } ], "comment": [ "/**", " * `e-cell` directive represent a cell of the Angular Spreadsheet.", " * It must be contained in a `e-row` directive.", " * ```html", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * `CellDirective` represent a cell of the React Spreadsheet.", " * It must be contained in a `RowDirective`.", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * `e-cell` directive represent a cell of the VueJS Spreadsheet.", " * It must be contained in a `e-row` directive.", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "tagDirective": [ { "baseClass": "Image", "propertyName": "image", "directoryName": "spreadsheet", "directiveClassName": "Image", "arrayDirectiveClassName": "Images", "aspArrayClassName": "Image", "aspCollectionClassName": "Images" }, { "baseClass": "Chart", "propertyName": "chart", "directoryName": "spreadsheet", "directiveClassName": "Chart", "arrayDirectiveClassName": "Charts", "aspArrayClassName": "Chart", "aspCollectionClassName": "Charts", "complexDirective": [ { "baseClass": "LegendSettings", "propertyName": "legendSettings", "aspSelectorName": "e-spreadsheet-legendSettings" }, { "baseClass": "Axis", "propertyName": "primaryXAxis", "aspSelectorName": "e-spreadsheet-primaryXAxis", "complexDirective": [ { "baseClass": "MajorGridLines", "propertyName": "majorGridLines", "aspSelectorName": "e-spreadsheet-majorGridLines" }, { "baseClass": "MinorGridLines", "propertyName": "minorGridLines", "aspSelectorName": "e-spreadsheet-minorGridLines" } ] }, { "baseClass": "Axis", "propertyName": "primaryYAxis", "aspSelectorName": "e-spreadsheet-primaryYAxis", "complexDirective": [ { "baseClass": "MajorGridLines", "propertyName": "majorGridLines", "aspSelectorName": "e-spreadsheet-majorGridLines" }, { "baseClass": "MinorGridLines", "propertyName": "minorGridLines", "aspSelectorName": "e-spreadsheet-minorGridLines" } ] }, { "baseClass": "DataLabelSettings", "propertyName": "dataLabelSettings", "aspSelectorName": "e-spreadsheet-dataLabelSettings" }, { "baseClass": "MarkerSettings", "propertyName": "markerSettings", "aspSelectorName": "e-spreadsheet-markerSettings", "complexDirective": [ { "baseClass": "Border", "propertyName": "border", "aspSelectorName": "e-spreadsheet-border" }, { "baseClass": "DataLabelSettings", "propertyName": "dataLabel", "aspSelectorName": "e-spreadsheet-dataLabel" } ] } ] } ] } ] }, { "baseClass": "Column", "propertyName": "columns", "directoryName": "spreadsheet", "directiveClassName": "Column", "arrayDirectiveClassName": "Columns", "aspArrayClassName": "Column", "aspCollectionClassName": "Columns", "aspDirectiveSelector": "e-spreadsheet-column", "aspArrayDirectiveSelector": "e-spreadsheet-columns", "complexDirective": [ { "baseClass": "Format", "propertyName": "format", "aspSelectorName": "e-spreadsheet-format" }, { "baseClass": "Validation", "propertyName": "validation", "aspSelectorName": "e-spreadsheet-validation" } ], "comment": [ "/**", " * `e-column` directive represent a column of the Angular Spreadsheet.", " * It must be contained in a `e-sheet` directive.", " * ```html", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * `ColumnDirective` represent a column of the React Spreadsheet.", " * It must be contained in a `SheetDirective`.", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * `e-column` directive represent a column of the VueJS Spreadsheet.", " * It must be contained in a `e-sheet` directive.", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ] }, { "baseClass": "Range", "propertyName": "ranges", "directoryName": "spreadsheet", "directiveClassName": "Range", "arrayDirectiveClassName": "Ranges", "aspArrayClassName": "Range", "aspCollectionClassName": "Ranges", "aspDirectiveSelector": "e-spreadsheet-range", "aspArrayDirectiveSelector": "e-spreadsheet-ranges", "comment": [ "/**", " * `e-range` directive represent a range of the Angular Spreadsheet.", " * It must be contained in a `e-sheet` directive.", " * ```html", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * `RangeDirective` represent a range of the React Spreadsheet.", " * It must be contained in a `SheetDirective`.", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * `e-range` directive represent a range of the VueJS Spreadsheet.", " * It must be contained in a `e-sheet` directive.", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "templateProperties": [ "template" ] }, { "baseClass": "ConditionalFormat", "propertyName": "conditionalFormats", "directoryName": "spreadsheet", "directiveClassName": "ConditionalFormat", "arrayDirectiveClassName": "ConditionalFormats", "aspArrayClassName": "ConditionalFormat", "aspCollectionClassName": "ConditionalFormats", "aspDirectiveSelector": "e-spreadsheet-conditionalformat", "aspArrayDirectiveSelector": "e-spreadsheet-conditionalformats", "complexDirective": [ { "baseClass": "Format", "propertyName": "format", "aspSelectorName": "e-spreadsheet-format" } ], "comment": [ "/**", " * `e-conditionalformat` directive represent a conditionalformat of the Angular Spreadsheet.", " * It must be contained in a `e-sheet` directive.", " * ```html", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * `ConditionalFormatDirective` represent a conditionalformat of the React Spreadsheet.", " * It must be contained in a `SheetDirective`.", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * `e-conditionalformat` directive represent a conditionalformat of the VueJS Spreadsheet.", " * It must be contained in a `e-sheet` directive.", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ] } ] }, { "baseClass": "DefineName", "propertyName": "definedNames", "directoryName": "spreadsheet", "directiveClassName": "DefinedName", "arrayDirectiveClassName": "DefinedNames", "aspArrayClassName": "DefinedName", "aspCollectionClassName": "DefinedNames", "aspDirectiveSelector": "e-spreadsheet-definedname", "aspArrayDirectiveSelector": "e-spreadsheet-definednames", "comment": [ "/**", " * `e-definedname` directive represent a defined name of the Angular Spreadsheet.", " * It must be contained in a Spreadsheet component(`ejs-spreadsheet`).", " * ```html", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "reactComment": [ "/**", " * `DefinedNameDirective` represent a defined name of the React Spreadsheet.", " * It must be contained in a Spreadsheet component(`SpreadsheetComponent`).", " * ```tsx", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ], "vueComment": [ "/**", " * `e-definedname` directive represent a defined name of the VueJS Spreadsheet.", " * It must be contained in a Spreadsheet component(`ejs-spreadsheet`).", " * ```vue", " * ", " * ", " * ", " * ", " * ", " * ", " * ```", " */" ] } ], "complexDirective": [ { "baseClass": "OpenSettings", "propertyName": "openSettings", "aspSelectorName": "e-spreadsheet-opensettings" }, { "baseClass": "SelectionSettings", "propertyName": "selectionSettings", "aspSelectorName": "e-spreadsheet-selectionsettings" }, { "baseClass": "ScrollSettings", "propertyName": "scrollSettings", "aspSelectorName": "e-spreadsheet-scrollsettings" }, { "baseClass": "CellStyle", "propertyName": "cellStyle", "aspSelectorName": "e-spreadsheet-cellstyle", "aspClassName": "SpreadsheetCommonCellStyle", "aspBuilderName": "SpreadsheetCellStyle" } ], "templateProperties": [ "template" ] } ] }