datatable de taille fixe

**ghnawfal** · 09/04/2008, 11h30

Bonjour a tous,
j'ai un petit petit problème concernant ma datatble qui doit afficher un très grand nombre de lignes, et je voudrai ke sa taille soit fixe et ke je pourrai faire defiler les données grace a un scrollbar se trouvant dans la datatable, je ne sait pa comment y procéder

voici mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1 "
	pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 
<html>
<head>
<title>My JSF 'event.jsp' starting page</title>
 
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 
 
</head>
<LINK REL="STYLESHEET"
      HREF="./css/styles.css"
      TYPE="text/css">
<body>
 
 
<f:view><center>
	<h:panelGrid border="1" columns="7" style="height: 30px; width: 90%">	
				<h:dataTable value="#{event_1.events}" var="event" cellspacing="0" border="1" headerClass="HEADING" binding="#{event_1.datable}" rowClasses="ROW" id="table" width="100%">
		  	<h:column>
                <f:facet name="header">
                </f:facet>
                <h:outputText value="op" />
            </h:column>
		  	<h:column>
				<f:facet name="header">
					<h:outputText value="Type" />
				</f:facet>
				<h:outputText value="#{event.eventType}" />
			</h:column>
			<h:column>
				<f:facet name="header">
					<h:outputText value="Date/Time" />
				</f:facet>
				<h:outputText value="#{event.eventDateTime}" />
			</h:column>
			<h:column>
                <f:facet name="header">
                    <h:outputText value="Terminal number" />
                </f:facet>
                <h:outputText value="#{event.terminalNumber}" />
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Operation name" />
                </f:facet>
                <h:outputText value="#{event.actionTaken}" />
            </h:column>
            <h:column>
                <f:facet name="header">
                    <h:outputText value="Description" />
                </f:facet>
                <h:outputText value="#{event.description}" />
            </h:column>
            <h:column>
				<h:form>
				<h:commandButton value="Details" actionListener="#{event_1.selectRow}" action="#{event_1.add}">
             </h:commandButton>
             </h:form>
 
        </h:column>
		</h:dataTable>
</h:panelGrid>
 
 
 
</center></f:view></body>
</html>

Si qq'un peu m'aider rapidement ca serai trop sympa

**romaintaz** · 09/04/2008, 11h57

Une idée serait de mettre ta datatable dans un DIV qui a une hauteur définie et qui définit son overflow. Quelque chose comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div style="height: XXXpx; overflow: auto;">
    <h:datatable ...>
        ...
    </h:datatable>
</div>

Cela suppose toutefois d'avoir Facelets, de façon à pouvoir mixer les composants JSF et du HTML pur...

**Sun03** · 09/04/2008, 12h18

la bonne solutione

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
<div style="height: XXXpx; overflow: auto;">
    <h:datatable ...>
        ...
    </h:datatable>
</div>

**ghnawfal** · 09/04/2008, 12h20

merci pour ta reponse, mais ca na pa marcher , j'ai tjs le meme problème la page est trop longue et j'ai pa de scrollbar au niveau de ma datatable.
en ce qui concerne les facelets, je crois que je peu mixer html et jsf puisqu'au depart j'avais une table qui contenait la datatable et pas panelgrid

si je me trompe corriger moi

**ghnawfal** · 09/04/2008, 12h29

Merci beaucoup g résolu le problème

il a fallu que j'enlève panelgrid qui contien datatable et ca a marché

datatable de taille fixe

JSF Java

Discussions similaires

Partager

Partager