Colspan und Kollaps für den gleichen Header - möglich?

Question

Ich entwickle gerade eine Tabelle mit DHTMLX-Raster. Ich muss den folgenden Tischaufbau erreichen. Ich habe versucht, viele Möglichkeiten, dies zu erreichen, aber ich war nicht in der Lage, die Colspan und Kollaps für die gleichen td Element in der Kopfzeile anzuwenden.

Bitte überprüfen Sie den Anhang und helfen Sie mir, die genaue Ausgabe zu erhalten.

Answer 1

derartige Ausgabe ist, die column_collapse Erweiterung nicht verfügbar werden. Sie können jedoch beliebigen HTML-Inhalt in Ihre Kopfzeile einfügen und die erforderlichen Spalten ausblenden, wenn Sie darauf klicken. Als Entwurf:

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")