我想改变mi手中行的高度。我已经改变了列的宽度(colWidths:[75,75,75]),但我找不到用行做同样的方法。
谢谢!
答案 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元素指定高度。
.handsontable th,
.handsontable td {
line-height: 50px;
}