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", "help"]

Example

const spreadsheet = new dhx.Spreadsheet("spreadsheet", {
// full toolbar
toolbarBlocks: [
"undo",
"colors",
"decoration",
"align",
"lock",
"clear",
"rows",
"columns",
"help",
"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: ["help","colors", "align", "decoration", "lock", "clear"]
});

Custom toolbar

Check how you can customize the toolbar.

Related articles:

Related sample: Spreadsheet. Full Toolbar