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", "format", "actions", "helpers"]

Example​

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

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", {
    toolbarBlocks: ["helpers", "colors", "align", "decoration", "lock", "clear"]
});

Custom toolbar

Check how you can customize the toolbar.

Change log:

  • The "actions" block was added in v5.0
  • The "help" block was renamed to "helpers" in v5.0

Related articles:

Related sample: Spreadsheet. Full Toolbar