colspan 和 collapse 相同 header - 可能吗？

Question

我目前正在使用 dhtmlx 网格开发 table。我需要实现以下 table 构造。我尝试了很多方法来实现这一点，但我无法对 header 中的同一个 td 元素应用 colspan 和 collapse。

请检查附件并帮助我获得准确的输出。

Answer 1

使用 column_collapse 扩展无法获得此类输出。但是您可以在 header 中放置任何 html 内容，并在单击它时隐藏所需的列。作为草稿：

    function hiding(){
    if (!collapse){
    myGrid.setColumnHidden(2,true)
    myGrid.setColumnHidden(3,true)
    myGrid.setColumnHidden(4,true)
    document.getElementById("collapse").value="show"
    collapse=true
    }
    else
    {
            myGrid.setColumnHidden(3,true)
    myGrid.setColumnHidden(2,false)
    myGrid.setColumnHidden(3,false)
    myGrid.setColumnHidden(4,false)
    document.getElementById("collapse").value="hide"
    collapse=false
    }
}

        myGrid.setHeader("<input type='button' id='collapse' value='hide' onclick='(arguments[0]||window.event).cancelBubble=true;hiding()'>,#cspan,#cspan,#cspan,#cspan");
        myGrid.attachHeader("1,2,3,4,5")

colspan 和 collapse 相同 header - 可能吗？

colspan and collapse for the same header - possible?

grid

dhtmlx