Handsontable增加行标题宽度 [英] Handsontable increase row header width

问题描述

我正在使用自定义行标题名称，而且其中一个名称恰好比其他名称长一些。

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

我的问题是如何增加行标题宽度？

我已经彻底检查了文档。

I have thoroughly checked the documentation without luck.

我尝试在选项中使用 colWidths：200 但这只适用于除行标题宽度以外的所有内容。

I've tried using colWidths: 200 in the options but that only works on everything except row header width.

选项文档这里。

推荐答案

请看一下这个小提琴

您可以使用列的CSS来设置宽度：

You can play with the css of columns to set the width:

.handsontable col.rowHeader {
    width: 180px;
}

这是您案例的工作示例。如果您删除css，您将遇到您正面临的确切问题。如果你重新添加那条css线，你会发现它有效。

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.

干杯。

这篇关于Handsontable增加行标题宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！