Handsontable - 更改行高

时间:2013-11-14 03:49:52

标签: javascript jquery css rows handsontable

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

谢谢!

4 个答案:

答案 0 :(得分: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的更改似乎已经足够了。

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

答案 1 :(得分:3)

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

}

答案 2 :(得分: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,

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

答案 3 :(得分:0)

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

example

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