2016-07-25 6 views
0

Ich verwende eine display:table, um einige Berichtsdaten auf einer JSP-Seite anzuzeigen. Ich möchte es verwenden, um den CSV/Excel-Export des Anzeigetabellen-Tags auszunutzen. Ich muss über die Spaltenkopfzeile mit dem Spaltennamen eine andere Kopfzeile hinzufügen, die logisch die Spalte darunter verbindet. Dies ist ein Beispiel:Anzeige: Tabelle, fügen Sie eine weitere thead über Spalte thead

  +--------------------------------------------+ 
      |   File    || Record | 
      +--------------------------------------------+ 
+-------------------------------------------------------+ 
| Sort id ||Col1 || col2 || ... || Coln||col1||coln | 
+------------------------------------+------------------+ 

I ein display:caption mit dem folgenden Code als erstes Objekt in Anzeigetabellenknoten zu verwenden versucht:

<display:caption> 
    <tr class="header"> 
     <th style="background: white" colspan="1"></th> 
     <th class="header" colspan="8">File</th> 
     <th class="header" colspan="1">Record</th> 
    </tr> 
</display:caption> 

es die Spalte hinzuzufügen, aber unter dem Spaltennamen Thead :(:

+-------------------------------------------------------+ 
| Sort id |Col1 || col2 || ... | Coln||col1||coln | 
+------------------------------------+------------------+ 
      +--------------------------------------------+ 
      |   File    || Record | 
      +--------------------------------------------+ 

jemand wissen, ob möglich ist thead zu injizieren in automatisch durch Anzeige Tabellentag hTML-Code erzeugt eineinfügenüber, oder fügen Sie auf eine andere Art eine Zeile über den Spaltenzeilenkopf ein?

+0

Ich bin mir nicht sicher, ob ich die Frage verstanden habe. Können Sie mit dem Code einen Codepen erstellen? Aber ich denke, dass '' ist, was Sie suchen. –

Antwort

0

Ich finde eine Lösung. Hinzufügen in Bildunterschrift den Header, die ich in thead Knoten eingeschlossen werden sollen, fügen Sie Spaltenanzeige Thead über:

<display:caption> 
    **<thead>**  
    <tr class="header"> 
     <th style="background: white" colspan="1"></th> 
     <th class="header" colspan="8">File</th> 
     <th class="header" colspan="1">Record</th> 
    </tr> 
    **</thead>** 
</display:caption> 

ich diese Lösung nicht lieben, aber es funktioniert!

Verwandte Themen