JSF h:dataTable fix Header und Scroll Body

firestone

Bekanntes Mitglied
Guten Morgen Zusammen,
ich möchte gerne eine h:dataTable den body scrollbar machen und den Header fix. Soweit so gut klappt auch nun habe ich aber leider einen Versatz die Spalten der Header sind nicht bündig mit denen des Bodys

header.jpg

Mein Css sieht wie folgt aus

Code:
table.scrolltest {
					        width: 100%;
					   
					
					thead, tbody, tr, td, th { display: block; }
					
					tr:after {
					    content: ' ';
					    display: block;
					    visibility: hidden;
					    clear: both;
					}
					
					thead th {
						background-color:black;
					    height: 30px;
							tr{
							}
					    /*text-align: left;*/
					}
					
					tbody {
					    height: 120px;
					    overflow-y: auto;
					}
					
					thead {
					    /* fallback */
					}
					
					
					tbody td, thead th {
					    width: 19.2%;
					    float: left;
					}
					
				}


und die xhtml Seite

Code:
	<h:dataTable styleClass="scrolltest" id="table1" value="#{table1.test}" var="tab1"  border="1">
							<h:column>
							<!-- column header -->
			    				<f:facet name="header">Aus</f:facet>
							<h:selectBooleanCheckbox  valueChangeListener="#{usersession.ausgelagert}" value="#{tab1.aus}" onclick="this.form.submit();" > 						
   							<f:attribute name="row" value="#{tab1.nr}" />
							</h:selectBooleanCheckbox>
							</h:column>
							<h:column>
			    				<!-- column header -->
			    				<f:facet name="header">Spalte 2</f:facet>
			    				<!-- row record -->
			    				<h:outputText value="#{tab1.spalte2}"/>
			    			</h:column>
			 
			    			<h:column>
			    				<f:facet name="header">Spalte 3</f:facet>
			    				<h:outputText value="#{tab1.spalte3}"/>
			    			</h:column>
			 
			    			<h:column>
			    				<f:facet name="header">Spalte 4</f:facet>
			    				<h:outputText value="#{tab1.spalte4}"/>
			    			</h:column>
			 
			    			<h:column>
			    				<f:facet name="header">Spalte 5</f:facet>
			    				<h:outputText value="#{tab1.spalte5}"/>
			    			</h:column>
							</h:dataTable>


Wer kann helfen :)

Viele Grüße
Fireli
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
G JSP dataTable header - Datenwerte verwenden? Web Tier 3
K jsf 1.2 tomahawk t:dataTable generic use Web Tier 3
W JSF DataTable - Filter Funktion funktioniert nicht Web Tier 3
W JSF einfache DataTable PrimeFaces Web Tier 1
D JSF DataTable konvertiert Felder nicht Web Tier 1
K deleteButton in dataTable geht nur halb Web Tier 8
T JSF Primefaces: DataTable Ajax Update - Weiterleitung von anderer Seite Web Tier 11
F Primefaces Datatable => Inplaces Web Tier 3
F Primefaces Datatable Web Tier 6
F.S.WhiTeY JSF h:dataTable / p:komponente Pagination mit Buchstaben. Web Tier 2
jottyfan JSF dataTable und graphicImage (mit JQuery) Web Tier 4
M JSF Composite components - dynamische dataTable? Web Tier 8
M JSF DataTable refreshen mit Ajax? Web Tier 5
M JSF Datatable, nichts geht ohne vorher zu refreshen... Web Tier 4
P JSF 1.2 commandButton in dataTable Web Tier 2
L JSF Überflüssige Methodenaufrufe - dataTable Web Tier 5
T DataTable Composite-Component und ManyToOne Web Tier 5
J JSF Datatable bestimmte Methode Web Tier 4
T JSF/Richfaces rich:dataTable with rich:datascroller Web Tier 1
A [PrimeFaces] dataTable mit paginator Probleme Web Tier 2
O Focus auf Textfeld, in letzter Reihe einer dataTable Web Tier 2
M Frage zur Konfiguration einer RichFaces DataTable Web Tier 4
M Datatable und der Zurückbutton Web Tier 4
K JSF Tomahawk dataScroller mit dataTable Web Tier 4
Y dataTable als dynamisches Grid Web Tier 4
E JSF Datatable erst nach Buttonklick anzeigen Web Tier 2
R JSF <rich:datatable> problem Web Tier 4
V JSF: dataTable Getter wird nie aufgerufen Web Tier 6
S JSF dataTable Position feststellen Web Tier 2
S JSF: colspan und rowspan in datatable Web Tier 4
E JSF Datatable leere Zellen anzeigen Web Tier 2
T richfaces datatable Web Tier 3
A JSF: Datatable Links mit Properties Web Tier 3
S richfaces Datatable horizontal ausgeben Web Tier 2
platofan23 Wie ordentlich in JSP den Footer/Header auslagern? Web Tier 2
J location response-header? Browser-Back-Button "deaktivieren" Web Tier 9

Ähnliche Java Themen

Neue Themen


Oben