Javascript 可手持-更改行高度
我想更改mi HANDONTABLE中行的高度。我已经更改了列的宽度(colWidths:[75,75,75]),但是我找不到对行执行相同操作的方法Javascript 可手持-更改行高度,javascript,jquery,css,rows,handsontable,Javascript,Jquery,Css,Rows,Handsontable,我想更改mi HANDONTABLE中行的高度。我已经更改了列的宽度(colWidths:[75,75,75]),但是我找不到对行执行相同操作的方法 谢谢 我不知道有任何类似于colWidths的参数可以用来指定单个行的高度,但是可以使用CSS为所有td和th元素指定高度 用于: 我不知道有任何类似于colWidths的参数可以用来指定单个行的高度,但是可以使用CSS为所有td和th元素指定高度 用于: Chachi inactive的问题是在一个holder div上动态设置高度 <di
谢谢 我不知道有任何类似于
colWidths
的参数可以用来指定单个行的高度,但是可以使用CSS为所有td和th元素指定高度
用于:
我不知道有任何类似于
colWidths
的参数可以用来指定单个行的高度,但是可以使用CSS为所有td和th元素指定高度
用于:
Chachi inactive的问题是在一个holder div上动态设置高度
<div class="wtHolder ht_master" style="position: relative; height: 27px;">
如果您在handsontable表下有元素,则需要更新此选项。Chachi inactive的问题是在其中一个holder div上动态设置了高度
<div class="wtHolder ht_master" style="position: relative; height: 27px;">
如果您在handsontable表下有元素,则需要更新此内容。我也有同样的问题,您需要在一个地方修改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 */
}
只需将“height”值更改为css中所需的值,或者只需在html文档的样式部分添加以下行:
.handsontable td { height: <desired height>px;}
.handsontable td{height:px;}
此外,我将在jquery.handsontable.js文件中对RustyBadRobot提到的内容进行更改,这可以用于其他计算,但到目前为止,css中的更改似乎已经足够了
请注意,这适用于handsontable版本0.11.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 */
}
只需将“height”值更改为css中所需的值,或者只需在html文档的样式部分添加以下行:
.handsontable td { height: <desired height>px;}
.handsontable td{height:px;}
此外,我将在jquery.handsontable.js文件中对RustyBadRobot提到的内容进行更改,这可以用于其他计算,但到目前为止,css中的更改似乎已经足够了
请注意,这适用于handsontable版本0.11.3,不确定这是否适用于其他版本。您可以使用它。但请记住,您必须将“空白:nowrap”标记为!重要信息,请覆盖handsontable属性
.handsontable td, .handsontable tr, .handsontable th
{
max-width: 20px;
min-width: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap !important;
}
你可以用这个。但请记住,您必须将“空白:nowrap”标记为!重要信息,请覆盖handsontable属性
.handsontable td, .handsontable tr, .handsontable th
{
max-width: 20px;
min-width: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap !important;
}