Tabellen positionieren

Java-Forum Jakarta EE (Java EE)
1

Ich habe ein PanelGrid mit 2 Primefaces Tabellen. Beide sind unterschiedlich hoch. Die rechte ist so hoch wie die Bildschirmhöhe, die linke ca. 200-300px. Das Problem ist, die linke Tabelle wird vertikal mittig zentriert. Ich möchte aber, dass die Tabelle links oben anfängt.

<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/default.xhtml">
	
	<ui:define name="content">
		<h1>Test</h1>

		<h:form>
			<h:panelGrid columns="2">
			
					<h:panelGroup>
						<p:dataTable  var="categorie" value="#{manageCategoriesBean.getAllCategories()}">
						<p:column headerText="ProduktKategorie">
			    			<h:outputText value="#{categorie.categorieName}" />
			      		</p:column>
			      		</p:dataTable>
					</h:panelGroup>
	
					<h:panelGroup>
						<h:outputText value="Warenkorb: Anzahl der Produkte im Warenkorb: " />
						<h:outputText value="#{showBasketBean.countArticles}" />
						<p:dataTable  var="article" value="#{showBasketBean.availableArticle}">
						<p:column headerText="ProduktKategorie">
 		    			<h:outputText value="#{article.articleCategorie}" />
 		   				</p:column>
						<p:column headerText="ProduktName">
 		    			<h:outputText value="#{article.articleName}" />
 		   				</p:column>
 						<p:column headerText="Bild">	
						<h:graphicImage value="http://forum.byte-welt.net/images/#{article.articleImage}" />
 		   				</p:column>
 		   				<p:column headerText="EinzelPreis">
 		    			<h:outputText value="#{article.EP}" />
 		   				</p:column>
						</p:dataTable>
					</h:panelGroup>
			</h:panelGrid>
		</h:form>
	</ui:define>
</ui:composition>
2

align ist dazu ein Fachbegriff, ohne Primefaces-Kenntnisse bei mir

‘primefaces align top’ brachte in Suchmaschine als erstes Ergebnis anscheinend etwas ziemlich genau passendes
PrimeFaces Community Forum • View topic - Top Alignment for panels
(<h:panelGrid columns="2" columnClasses="alignTop,alignTop">)

3

Das erreichst du ganz einfach mit Hilfe von CSS, passend dazu die folgende Frage auf Stack Overflow css - how to control alignment of DataTable inside of a PanelGrid?

Edit:
Slater war schneller :smiley: