Question

我想改变mi手中行的高度。我已经改变了列的宽度（colWidths：[75,75,75]），但我找不到用行做同样的方法。

谢谢！

Answer 1

我遇到了同样的问题，你需要在一个地方修改css文件，或者你可以覆盖html中的样式：

在handsontable css文件中搜索样式.handsontable td：

.handsontable td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  height: 22px; /*change to the desired height value*/
  empty-cells: show;
  line-height: 21px;
  padding: 0 4px 0 4px;
  /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
  background-color: #FFF;
  vertical-align: top;
  overflow: hidden;
  outline-width: 0;
  white-space: pre-line;
  /* preserve new line character in cell */
}

只需改变＆＃34;身高＆＃34;在css中你想要的那个值，或者你只是在你的html文档的样式部分添加以下行：

.handsontable td {  height: <desired height>px;}

此外，我会在文件jquery.handsontable.js中进行RustyBadRobot提到的更改，这可以用于其他一些计算，但到目前为止，css的更改似乎已经足够了。

请注意，这与handontable版本0.11.3一起使用，不确定其他版本是否也适用。

Answer 2

你可以用它。但请记住，您必须将“white-space：nowrap”标记为！important以覆盖handsontable属性

.handsontable td, .handsontable tr, .handsontable th
{
    max-width: 20px;
       min-width: 10px;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap !important;

}

Answer 3

Chachi-inactive的问题是高度在其中一个持有者div上动态设置

<div class="wtHolder ht_master" style="position: relative; height: 27px;">

您可以在主handsontable.js

中找到并编辑以下代码

columnWidth: 50,
rowHeight: function (row) {
  return 50;
},
defaultRowHeight: 50,
selections: null,
hideBorderOnMouseDownOver: false,

如果您在掌上电脑桌下面有元素，则需要更新。

Answer 4

我不知道任何类似于colWidths的参数可用于指定单独的行高，但您可以使用CSS为所有td和th元素指定高度。

example：

.handsontable th,
.handsontable td {
    line-height: 50px;
}

Handsontable - 更改行高

4 个答案: