Handsontable 中的 Handsontable 下拉高度调整

Posted

技术标签:

【中文标题】Handsontable 中的 Handsontable 下拉高度调整【英文标题】:Handsontable in Handsontable Dropdown Height Adjustment 【发布时间】:2018-12-21 09:08:00 【问题描述】:

如何在此下拉菜单中允许固定高度? (柱车)

我一直在不停地摆弄以解决高度问题。我想要一个最大 300 像素的固定高度下拉菜单。我在handsontable 网站中使用了AutoRowSize 高度功能和其他高度功能,但似乎都没有用。

我的想法已经用完了。我可以尝试任何建议或替代方案吗?

我正在使用 Handsontable 中的 Handsontable 功能 (Found Here)。

小提琴http://jsfiddle.net/72dgoLva/3/

    columns: [
  
    type: 'handsontable',
    handsontable: 
      colHeaders: ['Marque', 'Country', 'Parent company'],
      autoColumnSize: true,
      data: manufacturerData,
      getValue: function() 
        var selection = this.getSelectedLast();

        // Get always manufacture name of clicked row
        return this.getSourceDataAtRow(selection[0]).name;
      ,
    
  ,
  type: 'numeric'

]

【问题讨论】:

【参考方案1】:
.handsontableEditor .ht_master 
    height: 300px;
    overflow-y: auto !important;
    width: calc(100% + 2px);

.handsontableEditor .ht_clone_top 
    transform: none !important;

... 似乎完成了这项工作。 Updated fiddle.

我不得不使用!important 来覆盖由HoT 放置在元素上的内联样式。为了限制这种影响其他实例的可能性,请在选择器前面加上该实例的特定标识符。

【讨论】:

谢谢。这就是我一直在寻找的。​​span>

以上是关于Handsontable 中的 Handsontable 下拉高度调整的主要内容,如果未能解决你的问题,请参考以下文章

Handsontable 中的 Handsontable 下拉高度调整

从外部提交 Handsontable 中的更改

下拉列表中的数组(Handsontable)

“module/index.d.ts”和“@types/module/index.d.ts”之间的打字稿冲突

HandsonTable 中的 \9 是啥?构建失败并出现语法错误

如何为 Handsontable 中的每一列定义自定义验证器