I'm using custom row header names and there is one that happens to be a little longer than others.
rowHeaders: ["Entree", "", "Plat", "", "Dessert", "", "Prix 2", "Prix 3"]
My question is how do I increase the row header width
?
I have thoroughly checked the documentation without luck.
I've tried using colWidths: 200
in the options
but that only works on everything except row header width.
Options documentation here.
I'm using custom row header names and there is one that happens to be a little longer than others.
rowHeaders: ["Entree", "", "Plat", "", "Dessert", "", "Prix 2", "Prix 3"]
My question is how do I increase the row header width
?
I have thoroughly checked the documentation without luck.
I've tried using colWidths: 200
in the options
but that only works on everything except row header width.
Options documentation here.
Share Improve this question asked Jul 28, 2015 at 10:08 kockburnkockburn 17.6k10 gold badges90 silver badges141 bronze badges2 Answers
Reset to default 14When creating the table in JS you can add the parameter
new Handsontable(container, {
// ...
rowHeaderWidth: 180,
// ...
})
Please take a look at this fiddle
You can play with the css of columns to set the width:
.handsontable col.rowHeader {
width: 180px;
}
And here is a working example of your case. If you remove css, you will get exact problem you are facing with. And if you re-add that css line, you will see it works.
Cheers.