Barre Déroulante pour un tableau

Bonjour à tous.

J'ai un Tableau d'utilsateurs pour réaliser le module d'administration de mon application(ajout,supression des utilisateurs...).

Pour le moment je ne gère qu'un nombre petit des utilsateurs ,cependant quand l'adminstrateur devras gérer 100 utilsateurs ,je crains d'avoir un tableau de taille très grande .

Donc j'aimerais forcer mon tableau à gérer ce grand nombre de lignes par une barre déroulante .

Comme ça je garde l'érgonomie de ma page jsp .

Voila le code avce lequel j'affiche mon tableau :

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
 
<logic:notEmpty name="rooteForm" property="util">
     <table border="4" cellpadding="4" cellspacing="2" style="left: 20px; width: 1000px; top: 180px; height: 170px;" >
   <tr bgcolor="#993300">
 
          <th width="10" scope="col">Nom</th>
          <th width="10" scope="col">Prenom</th>
          <th width="10" scope="col">Login</th>
          <th width="10" scope="col">Password</th>
          <th width="10" scope="col">Email</th>
          <th width="10" scope="col">Adress</th>
          <th width="10" scope="col">Tel</th>  
           <th width="10" scope="col">Statut</th> 
          <th width="10" scope="col">Supression</th>    
          <th width="10" scope="col">Modification</th> 
        </tr>
        <tr>
        <nested:iterate id="user" property="util" indexId="id">    
 
     <td width="10"><strong><nested:write name="user" property="lastname" /></strong></td>
      <td width="10"><strong><nested:write name="user" property="firstname" /></strong></td>
       <td width="10"><strong><nested:write name="user" property="username" /></strong></td>
     <td width="10"><strong><nested:write name="user" property="password" /></strong></td>
       <td width="10"><strong><nested:write name="user" property="email" /></strong></td>
      <td width="10"><strong><nested:write name="user" property="adress" /></strong></td>
      <td width="10"><strong>0<nested:write name="user" property="tel" /></strong></td>
          <td width="10"><strong><nested:write name="user" property="statut" /></strong></td>
            <td>
            <html:link action="/roote?ope=delete"   paramName="user" paramProperty="id" paramId="id" onclick="set('delete')">Supprimer</html:link>
 
</td>
           <td>
            <html:link action="/modify"   paramName="user" paramProperty="id" paramId="id" >Modifier</html:link>
 
</td>
        </tr>
        <tr>
         </nested:iterate>
 
   </logic:notEmpty>	         
      </table>

Merci.