1

我想更改 mi handsontable 中行的高度。我已经更改了列的宽度(colWidths:[75,75,75]),但我找不到对行执行相同操作的方法。

谢谢!

4

4 回答 4

4

你可以用这个。但请记住,您必须将 "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;

}
于 2015-05-27T14:05:02.547 回答
3

我有同样的问题,你需要在一个地方修改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 */
}

只需将“高度”值更改为您想要在 css 中的值,或者您只需在 html 文档的样式部分添加以下行:

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

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

请注意,这适用于可动手操作的 0.11.3 版本,不确定其他版本是否也是如此。

于 2014-10-09T15:50:09.450 回答
2

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,

如果您在可动手做的表格下方有元素,则需要更新此内容。

于 2014-08-08T11:07:53.747 回答
0

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

例如:_

.handsontable th,
.handsontable td {
    line-height: 50px;
}
于 2014-03-25T04:47:21.753 回答