Skip to main content

toolbarBlocks

Description​

Optional. Specifies blocks of buttons that will be shown in the toolbar of spreadsheet

Usage​

toolbarBlocks?: array;

Default config​

toolbarBlocks: ["undo", "colors", "decoration", "align", "cell", "format", "actions"]

Example​

const spreadsheet = new dhx.Spreadsheet("spreadsheet_container", {
    // full toolbar
    toolbarBlocks: [
        "undo",
        "colors",
        "decoration",
        "align",
        "cell",
        "format",
        "actions", 
        "lock",
        "clear",
        "columns",
        "rows",
        "file",
        "help"
    ]
});

Details​

You can specify your own structure of the toolbar by enumerating necessary elements in the toolbarBlocks array in the desired order, for example:

const spreadsheet = new dhx.Spreadsheet("spreadsheet_container", {
    toolbarBlocks: ["colors", "align", "cell", "decoration", "lock", "clear"]
});

Check how you can customize the toolbar.

Change log:

  • The "cell" block was added in v5.2
  • The "actions" block was added in v5.0

Related articles:

Related sample: Spreadsheet. Full Toolbar