如何在 Handsontable 中创建跨越两列的行标题？答案

【问题标题】：How to create row headers spanning two columns in a Handsontable?如何在 Handsontable 中创建跨越两列的行标题？
【发布时间】：2018-05-20 05:40:00
【问题描述】：

我正在尝试在 Handsontable 中创建两列行标题，但没有发生：

     ------------------------                                       
    | C1 | C2 | c3 | c4 | c5 |                                 
    | ------------------------                                
    | R1 | R1 |                             
    | ---------                                
    | R2 | R2 | These are copy paste area                           
    |----------                                 
    | R3 | R3 |
    -----------

我尝试了以下方法：

hot = new Handsontable(container, 
{
    minRows:rlength,
    minCols:clength,
    rowHeaders: [["R1","R2","R3"],["R1","R2","R3"]],
    colHeaders: colHead, // This is working 
    contextMenu: false,

    maxCols:clength,
    maxRows:max_row,
    outsideClickDeselects: true,
    removeRowPlugin: false
});

在rowHeaders 中，我正在传递数组数组，但它显示在一行中。我该如何解决这个问题？

【问题讨论】：

我的建议是将您的第一列设为只读，并将此列呈现为与标题列相同。这当然是一个装饰性的解决方案，因为 Handsontable 不支持史蒂夫钱伯斯在他的回答中提到的两个标题，但也许它会起作用。

标签： javascript html arrays html-table handsontable

【解决方案1】：

Handontable 的rowHeaders 成员不支持多于一行的标题列。文档只提到传递一维数组和from trying it out，它将最外层数组中的每个元素视为单行标题字符串（因此将内部数组转换为逗号分隔的字符串）。

由于行标题列的呈现方式不同，看来这里唯一明智的解决方案是以某种方式将多个行标题值组合成单个标题值 - 即类似这样的东西：

rowHeaders: ["R1 R1", "R2 R2", "R3 R3"]

【讨论】：