Skip to main content

toolbarBlocks

specifies blocks of buttons that will be shown in the toolbar of spreadsheet

toolbarBlocks?: ToolbarBlocks[];
Default value: ["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"
]
});

Related sample: Spreadsheet. Full Toolbar

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

var spreadsheet = new dhx.Spreadsheet("cont", {
toolbarBlocks: ["help","colors", "align", "decoration", "lock", "clear"]
});

Custom toolbar

Check how you can customize the toolbar.

Related articles

Configuration

Customization