Table <rich:extendedDataTable> tronquée

Bonjour,

mon problème du jour est du 100% client : j'affiche une extendedDataTable dans une vue modale, avec un très grand nombre de lignes.
Par défaut cette table permet de conserver la taille fixée au départ en proposant à l'utilisateur une scrollbar pour accéder à l'ensemble des données.

Mon problème est que le bas de ma table est tronquée à son pied : le footer n'est simplement pas affiché, et la bar de la barre de scrolling est en partie tronquée.

Comme cette table me semble couramment utilisée sans problème (à part chez moi, s'entend), je suppose que j'ai fait qqchose d'incorrect, mais je n'arrive pas à mettre le doigt dessus.
Quelqu'un aurait une idée?

Merci d'avance, au moins d'avoir lu jusque là.

Code:

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
81
82
83
84
85
86
87
88
89
90
91
92
<f:view xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:t="http://myfaces.apache.org/tomahawk"
xmlns:rich="http://richfaces.org/rich"
xmlns:s="http://jboss.com/products/seam/taglib" 
contentType="text/html">
 
  <h:form id="myForm"
    styleClass="css">
    <div class="title">
    <h2><h:outputText value="TITRE" /></h2>
    </div>
 
    <rich:extendedDataTable
      id="maTable"
      value="#{monBean.usersList}"
      var="user"
      width="600px" height ="330px"
      rowKeyVar="row"
      styleClass="default"
      captionClass="captiontitle"
      enableContextMenu="false"
      rows="#{monBean.usersListSize}">
      <f:facet name="caption">
        <h:outputText value="CAPTION" />
      </f:facet>
      <f:facet name="header">
        <h:panelGroup>
          <div class="float-left" style="margin:0; padding: 0;">
            <h:selectBooleanCheckbox id="ToggleSelection"
              styleClass="select-all"
              onclick="toggleSelectAllRows(this)">
            </h:selectBooleanCheckbox>
          </div>
        </h:panelGroup>
      </f:facet>
 
      <rich:column width="30"
        id ="SelectColumn"
        style="text-align:left;vertical-align: bottom;"> 
        <f:facet name="header">
          <h:outputText value="" />
        </f:facet>
        <h:selectBooleanCheckbox id="checkIt"
          value="#{user.selected}">
        </h:selectBooleanCheckbox>
      </rich:column>
 
      <rich:column width="120"
        style="text-align:left;padding-left:10px;">
        <f:facet name="header">
          <h:outputText value="First Name" />
        </f:facet>
        <h:outputText
          value="#{user.firstname}" />
      </rich:column>
 
      <rich:column  width="120"
        style="text-align:left;padding-left:10px;">
        <f:facet name="header">
          <h:outputText value="Last Name" />
        </f:facet>
        <h:outputText
          value="#{user.lastname}" />
      </rich:column>
 
      <rich:column  width="100"
        style="text-align:left;padding-left:10px;">
        <f:facet name="header">
          <h:outputText value="Login" />
        </f:facet>
        <h:outputText
          value="#{user.login}" />
      </rich:column>
 
      <rich:column  width="220"
        style="text-align:left;padding-left:10px;">
        <f:facet name="header">
          <h:outputText value="Company" />
        </f:facet>
        <h:outputText
          value="#{user.company}" />
      </rich:column>
      <f:facet name="footer">
        <h:outputText value="############################################" />
      </f:facet>
    </rich:extendedDataTable>
  </h:form>
</f:view>