Change the appearance of cells, using custom CSS classes, inline styles, or custom cell borders.
Handsontable uses the HTML
table structure so customization is based either on referencing to the already existing elements, such as
TD, or by applying
your own CSS classes to HTML elements.
You can format a cell either using a
CSS class or with a style applied directly to the DOM element.
In this example, we add a custom class
custom-cell to the cell in the top left corner and add a
custom-table CSS class that highlights the table headers.
You can apply inline styles directly to the DOM element using its
style property. You can use the
renderer option to do that.
To enable the custom borders feature, set the
customBorders option. This can either be set as
true or initialized as an
array with a pre-defined setup. For the list of available settings and methods, visit the API reference.
In the names of the API properties, the words
end refer to the starting and ending edges of the