我想更改 mi handsontable 中行的高度。我已经更改了列的宽度(colWidths:[75,75,75]),但我找不到对行执行相同操作的方法。
谢谢!
我想更改 mi handsontable 中行的高度。我已经更改了列的宽度(colWidths:[75,75,75]),但我找不到对行执行相同操作的方法。
谢谢!
你可以用这个。但请记住,您必须将 "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;
}
我有同样的问题,你需要在一个地方修改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 版本,不确定其他版本是否也是如此。
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,
如果您在可动手做的表格下方有元素,则需要更新此内容。
我不知道任何类似于colWidths
您可以用来指定单个行高的参数,但是您可以使用 CSS 来指定所有 td 和 th 元素的高度。
例如:_
.handsontable th,
.handsontable td {
line-height: 50px;
}