Handsontable utilizes 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.
A cell can be formatted either using a
CSS class or with a style applied directly to the DOM element.
Apply custom CSS class styles
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.
Apply inline styles
You can apply inline styles directly to the DOM element using its
style property. You can use the
renderer option to do that.
Custom cell borders
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 layout direction.
end properties used to be called
right before Handsontable 12.0.0. The old names
right work in the LTR layout direction but throw an error when the layout direction is set to RTL.