javascript - Handsontable中的Handsontable下拉高度调整

标签 javascript jquery css angularjs handsontable

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

我一直在无休止地摆弄以解决高度问题。我想要一个固定高度的下拉菜单,最大 300px。我用过AutoRowSize高度功能和其他高度功能在可操作的网站中,但似乎都不起作用。

我已经没有想法了。我可以尝试什么建议或替代方案吗?

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

fiddle 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'}

]

How to apply scroll?

最佳答案

.handsontableEditor .ht_master {
    height: 300px;
    overflow-y: auto !important;
    width: calc(100% + 2px);
}
.handsontableEditor .ht_clone_top {
    transform: none !important;
}

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

我必须使用 !important 来动态覆盖 HoT 在元素上放置的内联样式。为了限制影响其他实例的可能性,请为选择器添加该实例的特定标识符前缀。

关于javascript - Handsontable中的Handsontable下拉高度调整,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51317426/

相关文章:

jquery - 有没有办法检查 div 是否与 jQuery 中的祖先具有相同的类?

javascript - Select 2 onChange() 触发选择

javascript - 当数据库中有\n 时,在浏览器中显示新行 <br>

javascript - 文本框显示未定义

javascript - Angular 路线解决不等待 promise

jquery - 处理特定元素的 CSS 元素

javascript - 如何以 Angular 显示 snackbar 中对象的数据

css - 正常显示截断的文本,但在悬停时显示全文

css - 小 - 中 - 大的基础不同风格

javascript - 通过从 JavaScript 中的函数返回一个函数来修改 div