[RESOLVIDO] Help - dataTable header fixo

Pessoal, uso o componente dataTable do richfaces (NÃO pode ser outro componente), consegui colocar uma barra de rolagem nesse componente atraves do DIV, porém preciso q o header fique fixo. Alguém sabe como faz?? To pesquisando na net tb mais ainda não consegui uma solução.

<div style="overflow:auto; width:100%; height:100px">
					<rich:dataTable value="#{connectorAction.connectorList}" 
							var="_connector" id="connectorListTable"  
							rowClasses="tableRowEven , tableRowOdd"
							rendered="#{not empty connectorAction.connectorList}">
									
						<rich:column sortable="false" >
								<f:facet name="header">
									<h:outputText  value="#{labels.CONNECTOR_NAME}"  />
								</f:facet>
								<div style="overflow: hidden; width: 200px;" >
									<a4j:commandLink action="#{connectorAction.selectConnector(_connector)}"
										id="dataTableRow"
										ajaxSingle="true">
										<h:outputText value="#{_connector.name}" />
									</a4j:commandLink>
								</div>
							</rich:column>		
			
						<rich:column sortable="false" >
							<f:facet name="header">
								<h:outputText value="#{labels.CONNECTOR_DESCRIPTION}"  />
							</f:facet>
							<div style="overflow: hidden; width: 200px;" >
								<h:outputText value="#{_connector.description}" style="overflow: hidden;"/>
							</div>
						</rich:column>

						
						<rich:column sortable="false" >
							<f:facet name="header">
								<h:outputText value="#{labels.CONNECTOR_CONNECTOR_DIRECTION}"  />
							</f:facet>
							<h:outputText value="#{messages[_connector.connectorDirection.label]}"  />
						</rich:column>
						
					</rich:dataTable>						
				
				</div>

Desde já agradeço.

1 Resposta

izaura 16 de set. de 2010

Pessoal, ja estava a alguns dias tentando ter um datatable (richfaces) com scroll , porém com o header fixo. Colocar o scroll foi fácil, foi só coloca-la dentro de um DIV o problema era que o cabeçalho tb rolava. Enfim consegui solucionar e estou postando a solução caso alguém passe por situação semelhante.

<h:panelGrid columns="2" bgcolor="#a8b8cf" 	style="font-size: 11px; width: 350px; font-weight: bold;"
				rendered="#{not empty connectorAction.connectorList}"> 
					<h:outputLabel value="Column1" 
									style="width: 100px; align: center;" 
									styleClass="headerText">
					</h:outputLabel> 
					<h:outputLabel value="Column2" 	style="width: 232px; align: center;" 
									styleClass="headerText">
					</h:outputLabel> 
				</h:panelGrid> 
				<!--Table--> 
				<div style="height: 100px; width: 350px; overflow: auto"> 
				<rich:dataTable id="table" renderedIfEmpty="false" cellpadding="2" 
					width="100%" cellspacing="1" var="List" 
					value="#{connectorAction.connectorList}"
					rows="0" 
					rowClasses="row1, row2" headerClass="headerText" 
					footerClass="footerText" preserveDataModel="false" 
					preserveSort="false" border="1" styleClass="searchBox"
					rendered="#{not empty connectorAction.connectorList}"> 
				
					<rich:column width="100px"> 					
						<h:outputText value="#{List.name}" /> 
					</rich:column> 
					
					<rich:column width="250px"> 					
						<h:outputText id="ad" value="#{List.description}" /> 					
					</rich:column> 
				
				</rich:dataTable> 
				
				</div>

1 Resposta

Topicos relacionados