Javascript 可手持自定义标题

大家好

我有一个任务：制作自定义标题，标题本身是制作的，但我遇到了以下问题：

我有用于标题ie的自定义html字符串：

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

我的热高度保持不变，在我单击任何单元格之前，最低的行都不可见。 如何解决这个问题？（“beforerender”事件的效果更糟）

---

谢谢你的时间

经过几天的粗略实验，我终于找到了这个解决方案：

$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，还可以更改文本等等

---

希望这对别人有帮助

经过几天的粗略实验，我终于找到了这个解决方案：

$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，还可以更改文本等等

---

希望这对别人有帮助

实际上，您现在可以在>2.0版本中使用内置渲染器

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

//选项
列标题：（索引，元素）=>{
//返回html
返回``；
}

您实际上可以在>2.0版本中使用内置渲染器

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

//选项
列标题：（索引，元素）=>{
//返回html
返回``；
}

未使用HOT，但如果有办法刷新/重新加载表格，请在添加页眉后尝试这样做！它只有.render方法，但我将得到永恒循环。我无法确定在选择单元格后触发了哪些事件（临时解决方案是使表格标题具有最大可能的高度，但如果未预定义高度，则可能会导致一些丑陋的布局。该事件是

afterSelection

！try

minSpareRows:2

未使用HOT，但如果有方法刷新/重新加载表格，请在添加标题后尝试这样做！它只有.render方法，但我将得到永恒循环。我无法确定在选择单元格后触发的事件（临时解决方案是使表头具有最大可能的高度，但如果高度未预定义，则可能会导致一些丑陋的布局。该事件是

afterSelection

！try

minSpareRows:2