Question

大家好日子。

我有一个任务：制作自定义标题，好吧，标题本身已经制作，但我遇到了麻烦：

我有标题的自定义html字符串，即：

var str = "
<tr><th colspan='2'>global</th><tr>
<tr><th><img src='generateonflypath' /></th><th><img src='generateonflypath' /></th><tr>
"

当我像这样申请时：

$hotContainer.handsontable({
    afterRender: function () {$('.htCore > thead').html(str);}
});

我的HOT高度保持不变，最低行是看不见的，直到我点击任何单元格。如何解决这个问题？（'beforerender'事件更糟糕）

感谢您的时间！

Answer 1

经过几天粗略的实验后，我结束了这个解决方案：

$container.handsontable({
    ...options...
    afterRender: function () { //add custom header
          $('.htCore > thead').html(jsonObj.Headers);
          //add container resize event handler for images that loaded in header
          $('.htCore > thead img').load(function(){
                 $('.wtHider').height($('.htCore').height()+10);
          });   
    } 
});

这背后的想法是改变HOT主表容器的高度。我认为其他人可以和其他事件一样，不仅可以加载img，还可以更改文本等...

希望这有助于某人！

Answer 2

您实际上可以立即使用2.0版以上的内置渲染器。

//options
columnHeads: (index, element) => {
  // return html
  return `<a href="/">Link</a>`;
}

Handsontable自定义标题

2 个答案: