Skip to content

Next #74

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
serhiipylypchuk1991 merged 4 commits into from
Jun 30, 2026
Merged

Next #74

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
7665868
[update] normalize internal links convention
serhiipylypchuk1991 Jun 29, 2026
3f8b0cb
Merge pull request #72 from DHTMLX/sp-next-normalize-links
serhiipylypchuk1991 Jun 29, 2026
47f80e8
[update] consolidate doc images into static/img
serhiipylypchuk1991 Jun 30, 2026
a1a1bae
Merge pull request #73 from DHTMLX/sp-next-normalize-images
serhiipylypchuk1991 Jun 30, 2026
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
10 changes: 5 additions & 5 deletions docs/angular_integration.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@ Now you should get the DHTMLX Spreadsheet source code. First of all, stop the ap

### Step 1. Package installation

Download the [**trial Spreadsheet package**](/how_to_start/#installing-spreadsheet-via-npm-or-yarn) and follow steps mentioned in the README file. Note that trial Spreadsheet is available 30 days only.
Download the [**trial Spreadsheet package**](how_to_start.md#installing-spreadsheet-via-npm-or-yarn) and follow steps mentioned in the README file. Note that trial Spreadsheet is available 30 days only.

### Step 2. Component creation

Expand Down Expand Up @@ -178,7 +178,7 @@ export function getData(): any {
}
~~~

Then open the ***spreadsheet.component.ts*** file. Import the file with data and apply it using the [`parse()`](/api/spreadsheet_parse_method/) method within the `ngOnInit()` method, as shown below.
Then open the ***spreadsheet.component.ts*** file. Import the file with data and apply it using the [`parse()`](api/spreadsheet_parse_method.md) method within the `ngOnInit()` method, as shown below.

~~~jsx {2,18,21} title="spreadsheet.component.ts"
import { Spreadsheet } from "@dhx/trial-spreadsheet";
Expand Down Expand Up @@ -210,11 +210,11 @@ export class SpreadsheetComponent implements OnInit, OnDestroy {
}
~~~

Now the Spreadsheet component is ready to use. When the element will be added to the page, it will initialize the Spreadsheet with data. You can provide necessary configuration settings as well. Visit our [Spreadsheet API docs](spreadsheet/api/overview/events_overview.md) to check the full list of available properties.
Now the Spreadsheet component is ready to use. When the element will be added to the page, it will initialize the Spreadsheet with data. You can provide necessary configuration settings as well. Visit our [Spreadsheet API docs](api/overview/events_overview.md) to check the full list of available properties.

#### Handling events

When a user makes some action in the Spreadsheet, it invokes an event. You can use these events to detect the action and run the desired code for it. See the [full list of events](/spreadsheet/api/overview/events_overview/).
When a user makes some action in the Spreadsheet, it invokes an event. You can use these events to detect the action and run the desired code for it. See the [full list of events](api/overview/events_overview.md).

Open the **spreadsheet.component.ts** file and complete the `ngOnInit()` method as in:

Expand Down Expand Up @@ -279,6 +279,6 @@ platformBrowserDynamic()

After that, you can start the app to see Spreadsheet loaded with data on a page.

![Spreadsheet initialization](assets/integrations/trial_spreadsheet.png)
![DHTMLX Spreadsheet initialized with sample data in an Angular application](/img/integrations/trial_spreadsheet.png)

Now you know how to integrate DHTMLX Spreadsheet with Angular. You can customize the code according to your specific requirements. The final example you can find on [**GitHub**](https://github.com/DHTMLX/angular-spreadsheet-demo).
2 changes: 1 addition & 1 deletion docs/api/eventsbus_on_method.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ spreadsheet.events.on("StyleChange", function(id){
~~~

:::info
See the full list of the Spreadsheet events [here](api/api_overview.md/#spreadsheet-events).
See the full list of the Spreadsheet events [here](api/api_overview.md#spreadsheet-events).

You can attach several handlers to the same event and all of them will be executed. If some of handlers return *false*, the related operations will be blocked. Event handlers are processed in the same order that they are attached.
:::
Expand Down
6 changes: 3 additions & 3 deletions docs/api/overview/eventbus_overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ description: You can check an Event Bus methods overview of the DHTMLX JavaScrip

| Name | Description |
| ---------------------------------- | ----------------------------------------- |
| [](../eventsbus_detach_method.md) | @getshort(../eventsbus_detach_method.md) |
| [](../eventsbus_fire_method.md) | @getshort(../eventsbus_fire_method.md) |
| [](../eventsbus_on_method.md) | @getshort(../eventsbus_on_method.md) |
| [](api/eventsbus_detach_method.md) | @getshort(../eventsbus_detach_method.md) |
| [](api/eventsbus_fire_method.md) | @getshort(../eventsbus_fire_method.md) |
| [](api/eventsbus_on_method.md) | @getshort(../eventsbus_on_method.md) |

30 changes: 15 additions & 15 deletions docs/api/overview/events_overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,18 +8,18 @@ description: You can have an Events overview of the DHTMLX JavaScript Spreadshee

| Name | Description |
| :--------------------------------------------- | :---------------------------------------------------- |
| [](../spreadsheet_afteraction_event.md) | @getshort(../spreadsheet_afteraction_event.md) |
| [](../spreadsheet_afterclear_event.md) | @getshort(../spreadsheet_afterclear_event.md) |
| [](../spreadsheet_afterdataloaded_event.md) | @getshort(../spreadsheet_afterdataloaded_event.md) |
| [](../spreadsheet_aftereditend_event.md) | @getshort(../spreadsheet_aftereditend_event.md) |
| [](../spreadsheet_aftereditstart_event.md) | @getshort(../spreadsheet_aftereditstart_event.md) |
| [](../spreadsheet_afterfocusset_event.md) | @getshort(../spreadsheet_afterfocusset_event.md) |
| [](../spreadsheet_afterselectionset_event.md) | @getshort(../spreadsheet_afterselectionset_event.md) |
| [](../spreadsheet_aftersheetchange_event.md) | @getshort(../spreadsheet_aftersheetchange_event.md) |
| [](../spreadsheet_beforeaction_event.md) | @getshort(../spreadsheet_beforeaction_event.md) |
| [](../spreadsheet_beforeclear_event.md) | @getshort(../spreadsheet_beforeclear_event.md) |
| [](../spreadsheet_beforeeditend_event.md) | @getshort(../spreadsheet_beforeeditend_event.md) |
| [](../spreadsheet_beforeeditstart_event.md) | @getshort(../spreadsheet_beforeeditstart_event.md) |
| [](../spreadsheet_beforefocusset_event.md) | @getshort(../spreadsheet_beforefocusset_event.md) |
| [](../spreadsheet_beforeselectionset_event.md) | @getshort(../spreadsheet_beforeselectionset_event.md) |
| [](../spreadsheet_beforesheetchange_event.md) | @getshort(../spreadsheet_beforesheetchange_event.md) |
| [](api/spreadsheet_afteraction_event.md) | @getshort(../spreadsheet_afteraction_event.md) |
| [](api/spreadsheet_afterclear_event.md) | @getshort(../spreadsheet_afterclear_event.md) |
| [](api/spreadsheet_afterdataloaded_event.md) | @getshort(../spreadsheet_afterdataloaded_event.md) |
| [](api/spreadsheet_aftereditend_event.md) | @getshort(../spreadsheet_aftereditend_event.md) |
| [](api/spreadsheet_aftereditstart_event.md) | @getshort(../spreadsheet_aftereditstart_event.md) |
| [](api/spreadsheet_afterfocusset_event.md) | @getshort(../spreadsheet_afterfocusset_event.md) |
| [](api/spreadsheet_afterselectionset_event.md) | @getshort(../spreadsheet_afterselectionset_event.md) |
| [](api/spreadsheet_aftersheetchange_event.md) | @getshort(../spreadsheet_aftersheetchange_event.md) |
| [](api/spreadsheet_beforeaction_event.md) | @getshort(../spreadsheet_beforeaction_event.md) |
| [](api/spreadsheet_beforeclear_event.md) | @getshort(../spreadsheet_beforeclear_event.md) |
| [](api/spreadsheet_beforeeditend_event.md) | @getshort(../spreadsheet_beforeeditend_event.md) |
| [](api/spreadsheet_beforeeditstart_event.md) | @getshort(../spreadsheet_beforeeditstart_event.md) |
| [](api/spreadsheet_beforefocusset_event.md) | @getshort(../spreadsheet_beforefocusset_event.md) |
| [](api/spreadsheet_beforeselectionset_event.md) | @getshort(../spreadsheet_beforeselectionset_event.md) |
| [](api/spreadsheet_beforesheetchange_event.md) | @getshort(../spreadsheet_beforesheetchange_event.md) |
4 changes: 2 additions & 2 deletions docs/api/overview/export_overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,5 +8,5 @@ description: You can check an Export methods overview of the DHTMLX JavaScript S

| Name | Description |
| ----------------------------- | ------------------------------------ |
| [](../export_json_method.md) | @getshort(../export_json_method.md) |
| [](../export_xlsx_method.md) | @getshort(../export_xlsx_method.md) |
| [](api/export_json_method.md) | @getshort(../export_json_method.md) |
| [](api/export_xlsx_method.md) | @getshort(../export_xlsx_method.md) |
80 changes: 40 additions & 40 deletions docs/api/overview/methods_overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,43 +8,43 @@ description: You can check a Methods overview of the DHTMLX JavaScript Spreadshe

| Name | Description |
| :------------------------------------------ | :------------------------------------------------- |
| [](../spreadsheet_addcolumn_method.md) | @getshort(../spreadsheet_addcolumn_method.md) |
| [](../spreadsheet_addformula_method.md) | @getshort(../spreadsheet_addformula_method.md) |
| [](../spreadsheet_addrow_method.md) | @getshort(../spreadsheet_addrow_method.md) |
| [](../spreadsheet_clear_method.md) | @getshort(../spreadsheet_clear_method.md) |
| [](../spreadsheet_deletecolumn_method.md) | @getshort(../spreadsheet_deletecolumn_method.md) |
| [](../spreadsheet_deleterow_method.md) | @getshort(../spreadsheet_deleterow_method.md) |
| [](../spreadsheet_eachcell_method.md) | @getshort(../spreadsheet_eachcell_method.md) |
| [](../spreadsheet_endedit_method.md) | @getshort(../spreadsheet_endedit_method.md) |
| [](../spreadsheet_fitcolumn_method.md) | @getshort(../spreadsheet_fitcolumn_method.md) |
| [](../spreadsheet_freezecols_method.md) | @getshort(../spreadsheet_freezecols_method.md) |
| [](../spreadsheet_freezerows_method.md) | @getshort(../spreadsheet_freezerows_method.md) |
| [](../spreadsheet_getfilter_method.md) | @getshort(../spreadsheet_getfilter_method.md) |
| [](../spreadsheet_getformat_method.md) | @getshort(../spreadsheet_getformat_method.md) |
| [](../spreadsheet_getformula_method.md) | @getshort(../spreadsheet_getformula_method.md) |
| [](../spreadsheet_getstyle_method.md) | @getshort(../spreadsheet_getstyle_method.md) |
| [](../spreadsheet_hidecols_method.md) | @getshort(../spreadsheet_hidecols_method.md) |
| [](../spreadsheet_hiderows_method.md) | @getshort(../spreadsheet_hiderows_method.md) |
| [](../spreadsheet_hidesearch_method.md) | @getshort(../spreadsheet_hidesearch_method.md) |
| [](../spreadsheet_getvalue_method.md) | @getshort(../spreadsheet_getvalue_method.md) |
| [](../spreadsheet_insertlink_method.md) | @getshort(../spreadsheet_insertlink_method.md) |
| [](../spreadsheet_islocked_method.md) | @getshort(../spreadsheet_islocked_method.md) |
| [](../spreadsheet_load_method.md) | @getshort(../spreadsheet_load_method.md) |
| [](../spreadsheet_lock_method.md) | @getshort(../spreadsheet_lock_method.md) |
| [](../spreadsheet_mergecells_method.md) | @getshort(../spreadsheet_mergecells_method.md) |
| [](../spreadsheet_parse_method.md) | @getshort(../spreadsheet_parse_method.md) |
| [](../spreadsheet_redo_method.md) | @getshort(../spreadsheet_redo_method.md) |
| [](../spreadsheet_search_method.md) | @getshort(../spreadsheet_search_method.md) |
| [](../spreadsheet_serialize_method.md) | @getshort(../spreadsheet_serialize_method.md) |
| [](../spreadsheet_setfilter_method.md) | @getshort(../spreadsheet_setfilter_method.md) |
| [](../spreadsheet_setformat_method.md) | @getshort(../spreadsheet_setformat_method.md) |
| [](../spreadsheet_setstyle_method.md) | @getshort(../spreadsheet_setstyle_method.md) |
| [](../spreadsheet_setvalidation_method.md) | @getshort(../spreadsheet_setvalidation_method.md) |
| [](../spreadsheet_setvalue_method.md) | @getshort(../spreadsheet_setvalue_method.md) |
| [](../spreadsheet_showcols_method.md) | @getshort(../spreadsheet_showcols_method.md) |
| [](../spreadsheet_showrows_method.md) | @getshort(../spreadsheet_showrows_method.md) |
| [](../spreadsheet_startedit_method.md) | @getshort(../spreadsheet_startedit_method.md) |
| [](../spreadsheet_undo_method.md) | @getshort(../spreadsheet_undo_method.md) |
| [](../spreadsheet_unfreezecols_method.md) | @getshort(../spreadsheet_unfreezecols_method.md) |
| [](../spreadsheet_unfreezerows_method.md) | @getshort(../spreadsheet_unfreezerows_method.md) |
| [](../spreadsheet_unlock_method.md) | @getshort(../spreadsheet_unlock_method.md) |
| [](api/spreadsheet_addcolumn_method.md) | @getshort(../spreadsheet_addcolumn_method.md) |
| [](api/spreadsheet_addformula_method.md) | @getshort(../spreadsheet_addformula_method.md) |
| [](api/spreadsheet_addrow_method.md) | @getshort(../spreadsheet_addrow_method.md) |
| [](api/spreadsheet_clear_method.md) | @getshort(../spreadsheet_clear_method.md) |
| [](api/spreadsheet_deletecolumn_method.md) | @getshort(../spreadsheet_deletecolumn_method.md) |
| [](api/spreadsheet_deleterow_method.md) | @getshort(../spreadsheet_deleterow_method.md) |
| [](api/spreadsheet_eachcell_method.md) | @getshort(../spreadsheet_eachcell_method.md) |
| [](api/spreadsheet_endedit_method.md) | @getshort(../spreadsheet_endedit_method.md) |
| [](api/spreadsheet_fitcolumn_method.md) | @getshort(../spreadsheet_fitcolumn_method.md) |
| [](api/spreadsheet_freezecols_method.md) | @getshort(../spreadsheet_freezecols_method.md) |
| [](api/spreadsheet_freezerows_method.md) | @getshort(../spreadsheet_freezerows_method.md) |
| [](api/spreadsheet_getfilter_method.md) | @getshort(../spreadsheet_getfilter_method.md) |
| [](api/spreadsheet_getformat_method.md) | @getshort(../spreadsheet_getformat_method.md) |
| [](api/spreadsheet_getformula_method.md) | @getshort(../spreadsheet_getformula_method.md) |
| [](api/spreadsheet_getstyle_method.md) | @getshort(../spreadsheet_getstyle_method.md) |
| [](api/spreadsheet_hidecols_method.md) | @getshort(../spreadsheet_hidecols_method.md) |
| [](api/spreadsheet_hiderows_method.md) | @getshort(../spreadsheet_hiderows_method.md) |
| [](api/spreadsheet_hidesearch_method.md) | @getshort(../spreadsheet_hidesearch_method.md) |
| [](api/spreadsheet_getvalue_method.md) | @getshort(../spreadsheet_getvalue_method.md) |
| [](api/spreadsheet_insertlink_method.md) | @getshort(../spreadsheet_insertlink_method.md) |
| [](api/spreadsheet_islocked_method.md) | @getshort(../spreadsheet_islocked_method.md) |
| [](api/spreadsheet_load_method.md) | @getshort(../spreadsheet_load_method.md) |
| [](api/spreadsheet_lock_method.md) | @getshort(../spreadsheet_lock_method.md) |
| [](api/spreadsheet_mergecells_method.md) | @getshort(../spreadsheet_mergecells_method.md) |
| [](api/spreadsheet_parse_method.md) | @getshort(../spreadsheet_parse_method.md) |
| [](api/spreadsheet_redo_method.md) | @getshort(../spreadsheet_redo_method.md) |
| [](api/spreadsheet_search_method.md) | @getshort(../spreadsheet_search_method.md) |
| [](api/spreadsheet_serialize_method.md) | @getshort(../spreadsheet_serialize_method.md) |
| [](api/spreadsheet_setfilter_method.md) | @getshort(../spreadsheet_setfilter_method.md) |
| [](api/spreadsheet_setformat_method.md) | @getshort(../spreadsheet_setformat_method.md) |
| [](api/spreadsheet_setstyle_method.md) | @getshort(../spreadsheet_setstyle_method.md) |
| [](api/spreadsheet_setvalidation_method.md) | @getshort(../spreadsheet_setvalidation_method.md) |
| [](api/spreadsheet_setvalue_method.md) | @getshort(../spreadsheet_setvalue_method.md) |
| [](api/spreadsheet_showcols_method.md) | @getshort(../spreadsheet_showcols_method.md) |
| [](api/spreadsheet_showrows_method.md) | @getshort(../spreadsheet_showrows_method.md) |
| [](api/spreadsheet_startedit_method.md) | @getshort(../spreadsheet_startedit_method.md) |
| [](api/spreadsheet_undo_method.md) | @getshort(../spreadsheet_undo_method.md) |
| [](api/spreadsheet_unfreezecols_method.md) | @getshort(../spreadsheet_unfreezecols_method.md) |
| [](api/spreadsheet_unfreezerows_method.md) | @getshort(../spreadsheet_unfreezerows_method.md) |
| [](api/spreadsheet_unlock_method.md) | @getshort(../spreadsheet_unlock_method.md) |
22 changes: 11 additions & 11 deletions docs/api/overview/properties_overview.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,15 +8,15 @@ description: You can check a Properties overview of the DHTMLX JavaScript Spread

| Name | Description |
| --------------------------------------------- | ---------------------------------------------------- |
| [](../spreadsheet_colscount_config.md) | @getshort(../spreadsheet_colscount_config.md) |
| [](../spreadsheet_editline_config.md) | @getshort(../spreadsheet_editline_config.md) |
| [](../spreadsheet_exportmodulepath_config.md) | @getshort(../spreadsheet_exportmodulepath_config.md) |
| [](../spreadsheet_formats_config.md) | @getshort(../spreadsheet_formats_config.md) |
| [](../spreadsheet_importmodulepath_config.md) | @getshort(../spreadsheet_importmodulepath_config.md) |
| [](../spreadsheet_localization_config.md) | @getshort(../spreadsheet_localization_config.md) |
| [](../spreadsheet_menu_config.md) | @getshort(../spreadsheet_menu_config.md) |
| [](../spreadsheet_multisheets_config.md) | @getshort(../spreadsheet_multisheets_config.md) |
| [](../spreadsheet_readonly_config.md) | @getshort(../spreadsheet_readonly_config.md) |
| [](../spreadsheet_rowscount_config.md) | @getshort(../spreadsheet_rowscount_config.md) |
| [](../spreadsheet_toolbarblocks_config.md) | @getshort(../spreadsheet_toolbarblocks_config.md) |
| [](api/spreadsheet_colscount_config.md) | @getshort(../spreadsheet_colscount_config.md) |
| [](api/spreadsheet_editline_config.md) | @getshort(../spreadsheet_editline_config.md) |
| [](api/spreadsheet_exportmodulepath_config.md) | @getshort(../spreadsheet_exportmodulepath_config.md) |
| [](api/spreadsheet_formats_config.md) | @getshort(../spreadsheet_formats_config.md) |
| [](api/spreadsheet_importmodulepath_config.md) | @getshort(../spreadsheet_importmodulepath_config.md) |
| [](api/spreadsheet_localization_config.md) | @getshort(../spreadsheet_localization_config.md) |
| [](api/spreadsheet_menu_config.md) | @getshort(../spreadsheet_menu_config.md) |
| [](api/spreadsheet_multisheets_config.md) | @getshort(../spreadsheet_multisheets_config.md) |
| [](api/spreadsheet_readonly_config.md) | @getshort(../spreadsheet_readonly_config.md) |
| [](api/spreadsheet_rowscount_config.md) | @getshort(../spreadsheet_rowscount_config.md) |
| [](api/spreadsheet_toolbarblocks_config.md) | @getshort(../spreadsheet_toolbarblocks_config.md) |

Loading
Loading