同じヘッダーのcolspanと折りたたみ - 可能ですか？

Question

現在、dhtmlxグリッドを使用してテーブルを開発中です。私は下の表の構成を達成する必要があります。私はこれを達成するためにさまざまな方法を試しましたが、ヘッダー内の同じtd要素のためにcolspanを適用して折りたたむことができませんでした。

添付ファイルを確認し、正確な出力が得られるようにしてください。

Answer 1

このような出力はcolumn_collapse拡張を使用できません。 しかし、ヘッダーに任意の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")