为什么 Handsontable 会这样显示标题？答案

【问题标题】：Why does Handsontable display the headers like this?为什么 Handsontable 会这样显示标题？
【发布时间】：2014-11-02 20:28:54
【问题描述】：

我所做的只是

$('#dataTable').handsontable(
                {rows: 2, cols: 1, colHeaders: ['Parameter'], minSpareRows: 1}
                );

为什么标题显示像 1 和下面的一部分？

【问题讨论】：

标签： javascript jquery html handsontable

【解决方案1】：

我能够在this fiddle here 中快速重现该问题。复制此内容后，我意识到您的问题可能是忘记包含样式表。我更新并包含了这个缺失的样式表，最后得到了this fiddle（有效）。样式包含看起来像：

<link rel="stylesheet" href="http://handsontable.com/dist/jquery.handsontable.full.css">

当然，您可以下载 css 文件并从相对路径中包含它，这也可以。希望这能让你走上正确的轨道。祝你好运！

根据下面的 cmets - 这里的主要问题可能不是样式不包括在内，而是它已被覆盖。无需过多关注handson 表的杂草，似乎存在一个实际的数据表，然后将编辑单元格放置在其顶部（通过position: absolute）。为了设置编辑单元格的样式，请使用适当的.ht_clone 类。为了设置“静态”表的样式，请使用.ht_master 类。下面的代码展示了如何做到这一点：

/* hide the static table header */
.ht_master th {
    display: none;
}

/* hide the editing for the header ("clone_top") */
.ht_clone_top {
    display: none;
}

在JSFiddle here 中查看此工作。希望对您有所帮助！

【讨论】：

我认为您的链接解决了问题。但要深入一点，我相信handsontable 在active 表下做了某种影子表。如何删除那个影子表？
您有什么特别的理由需要这样做吗？我猜 handsontable 中有很多代码依赖于这个“影子副本”。
我其实并不介意，只是我从另一个人那里继承了一堆用于可动手操作的 css。如果我使用你的 css，那很好，但如果我加载那个人的 css，那就搞砸了。所以我想知道css中的哪个部分控制了这个？
我更新了你的jsfiddle.net/bkm04z1m/6。基本上，如果我添加那个 css，那么它就会中断
我无法解决所有问题，但我确实提供了一些关于如何在我的答案更新中设置表格样式的信息。顺便说一句，设置表格样式的“正确”方式是这样的：handsontable.com/demo/conditional.html

【解决方案2】：

我认为这是 .ht_clone_top { 显示：无； } 可以解决错位的问题，但是，它不允许事后排序...如果单击列标题，它不会排序...

【讨论】：