Nombre maximum de lignes dans DataTable ?

Version imprimable

Bonjour à tous !

Ce qu'il s'est passé :
- avant : j'ai une base de données dont le contenu est affiché normalement dans mon appli ;
- pendant : j'ai ajouté du contenu dans ma bdd, l'affichage est devenu incomplet (s'arrêtant environ 1aux 3/4 du nombre de lignes total);
- après : j'ai allégé ma bdd, l'affichage est à nouveau complet.

Je ne comprends pas la source du problème. Après des heures (jours!) de recherches, je sèche.

Voici le bout de jQuery impliqué :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
$(document).ready(function () {
         $("#table-test").dataTable({
            "oLanguage": {
            "sSearch": "Recherche :",
            "sInfo": "",
            "sZeroRecords": "La recherche n'a donné aucun résultat...",
            "bSortClasses": false
            },
            "bPaginate": false,
            "bInfo": false,
            "aoColumnDefs": [ 
              { 
                "bSortable": false, 
                "sDefaultContent":"",
                "aTargets": [0, 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] 
              } 
            ],
            "aaSorting": []
 
          }); 
      } );

Merci d'avance !

11/04/2014, 11h36
SpaceFrog

dataTable permet la pagination non ?
11/04/2014, 13h08
Kaera

Salut SpaceFrog, en effet ça permet la pagination et je l'ai testée. Elle fonctionne avec ma bdd réduite mais avec celle complète.
11/04/2014, 13h55
SpaceFrog

la pagination avec LIMIT ...
11/04/2014, 14h10
Kaera

Tu peux me dire ce à quoi tu penses exactement ?
11/04/2014, 14h47
fredoche

Citation:

Envoyé par Kaera

- pendant : j'ai ajouté du contenu dans ma bdd, l'affichage est devenu incomplet (s'arrêtant environ 1aux 3/4 du nombre de lignes total);

ta table elle-même ( $("#table-test") je présume que c'est une table html) était elle présente au complet dans ton code source ? de <table> à </table> ?
avais-tu un message d'erreur en console js ?
ne pourrais-tu avoir eu un simple souci d'encodage du contenu de ta table sur une des lignes rajoutées ?
11/04/2014, 16h49
SpaceFrog

dataTable permet de faire de requêtes en pagination sur ta base pour ne récupérer qu'un certain nombre de lignes ...
donc quelle que soit la taille de la base ...

Code:

"iDisplayLength": 100
11/04/2014, 17h21
Kaera

Salut fredoche !

Citation:

ta table elle-même ( $("#table-test") je présume que c'est une table html) était elle présente au complet dans ton code source ? de <table> à </table> ?
avais-tu un message d'erreur en console js ?

Oui, ça va bien de <table> à </table>, et j'ai bien un thead et un tbody, requis par dataTable.
Pas d'erreur en console js non :-/
Pour l'encodage, je vais jeter un oeil de ce côté-là. Edit : pas de souci de ce côté-là en fin de compte

SpaceFrog : j'ai testé, ça ne fonctionne pas. Pas de pagination du tout d'ailleurs.
12/04/2014, 10h25
SpaceFrog

La doc de dataTable est pourtant assez complète ...
http://datatables.net/development/pagination

le but n'est pas de ramener tous les enregistrements en une seule fois, mais uniquement une portion avec LIMIT
14/04/2014, 10h29
Kaera

Citation:

le but n'est pas de ramener tous les enregistrements en une seule fois, mais uniquement une portion avec LIMIT

Oui oui, ça je l'ai bien compris.
Quand j'ai dit que ça ne fonctionnait pas, c'est parce qu'en dépit d'une spécification de 100 lignes (iDisplayLength), ça m'a ramené sans doute environ 400 lignes.
14/04/2014, 11h11
SpaceFrog

ici un exemple :
http://datatables.net/examples/data_...rver_side.html
14/04/2014, 11h21
fredoche

Seriez pas dans le dialogue de sourds tous les deux ?

La pagination sans gestion coté serveur, toutes les données remontent quand même, LIMIT est une notion SQL. Si c'est pas implémenté par l'auteur...

Par contre datatables gère plus de 400 lignes sans problème.
La pagination fonctionne sans pour autant la gérer coté serveur. datatables est capable de prendre une table HTML entière existant dans le DOM et la paginer.

1 chose simple à tester, si tu remontes toute ta table en HTML et que tu lances datatable dessus : sans datatable, la table s'affiche ?

Ensuite quand je parlais d'encodage, je voulais dire encodage HTML : il suffit que tu aies un bout de contenu qui casse ton flux HTML pour que la table ne soit plus affichée coté client lorsque ce flux HTML est interprété : ce sont ces caractères < > et " qui sont en général sensibles, mais il faut voir comment est écrit ce HTML.
14/04/2014, 11h32
Kaera

Citation:

1 chose simple à tester, si tu remontes toute ta table en HTML et que tu lances datatable dessus : sans datatable, la table s'affiche ?

Oui ! Qu'est-ce que ça signifie ?

(je confirme que je n'ai pas fait de pagination côté serveur)
14/04/2014, 11h49
fredoche

Dans ton 1er message, le bout de Jquery que tu cites, tu l'enlèves de ta page, et tu regardes si cela fonctionne sans, cad si tu vois une table HTML s'afficher, basique et complète.
ca permettrait de situer si ton problème vient de datatables ou de de ton HTML qui sert à la description de la table
14/04/2014, 11h58
SpaceFrog

Citation:

(je confirme que je n'ai pas fait de pagination côté serveur)

Tu sais donc ce qui te reste à faire ...
14/04/2014, 13h41
Kaera

Spacefrog : je garde cette solution sous le coude (en dernier recours) mais j'aimerais avant tout trouver la cause.

fredoche : Oui oui c'est bien le test que j'ai fait et ma table s'affiche quand même. Ce que je n'ai plus, c'est la barre de recherche.
Qu'est-ce ça signifie ? Comment le code HTML peut-il être limitatif ?
14/04/2014, 15h20
fredoche

C'est confidientiel ?

on pourrait voir un lien vers la page ou le source html servant à constituer ta table ?

C'est interne à l'entreprise donc par défaut, je le considère confidentiel.
Mais le code ci-dessous ne "craint" rien. Il s'agit d'une JSP, il y a du java un peu partout dans le document, j'en ai enlevé le plus gros.

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
<table id="table-planproduit">
 
      <thead>
 
        <tr>
          <th rowspan="2" title="Composant">Composant<span class="arrow"></span></th>
          <th colspan="4" title="<% out.println(aListYear.get(0)); %>"><% out.println(aListYear.get(0)); %></th>
          <th colspan="4" title="<% out.println(aListYear.get(1)); %>"><% out.println(aListYear.get(1)); %></th>
          <th colspan="4" title="<% out.println(aListYear.get(2)); %>"><% out.println(aListYear.get(2)); %></th>
          <th colspan="4" title="<% out.println(aListYear.get(3)); %>"><% out.println(aListYear.get(3)); %></th>
          <th colspan="4" title="<% out.println(aListYear.get(4)); %>"><% out.println(aListYear.get(4)); %></th>
          <th rowspan="2" title="Standard">Standard<span class="arrow"></span></th>
          <th rowspan="2" title="Etendu">Etendu<span class="arrow"></span></th>
          <th colspan="4" title="Risques">Risques<span class="arrow"></span></th>
          <th rowspan="2" style="width: 20%;" title="Cible">Cible<span class="arrow"></span></th>
          <% if ((httpSession.getAttribute("username") != null) && (httpSession.getAttribute("username") != "")) { %> <th rowspan="2" title="Parc">Parc<span class="arrow"></span></th> <% } %>
        </tr>
        <tr class="odd">
          <th class="subtitle" title="31/03/<% out.println(aListYear.get(0)); %>">1</th><th class="subtitle" title="30/06/<% out.println(aListYear.get(0)); %>">2</th><th class="subtitle" title="30/09/<% out.println(aListYear.get(0)); %>">3</th><th class="subtitle" title="31/12/<% out.println(aListYear.get(0)); %>">4</th>
          <th class="subtitle" title="31/03/<% out.println(aListYear.get(1)); %>">1</th><th class="subtitle" title="30/06/<% out.println(aListYear.get(1)); %>">2</th><th class="subtitle" title="30/09/<% out.println(aListYear.get(1)); %>">3</th><th class="subtitle" title="31/12/<% out.println(aListYear.get(1)); %>">4</th>
          <th class="subtitle" title="31/03/<% out.println(aListYear.get(2)); %>">1</th><th class="subtitle" title="30/06/<% out.println(aListYear.get(2)); %>">2</th><th class="subtitle" title="30/09/<% out.println(aListYear.get(2)); %>">3</th><th class="subtitle" title="31/12/<% out.println(aListYear.get(2)); %>">4</th>
          <th class="subtitle" title="31/03/<% out.println(aListYear.get(3)); %>">1</th><th class="subtitle" title="30/06/<% out.println(aListYear.get(3)); %>">2</th><th class="subtitle" title="30/09/<% out.println(aListYear.get(3)); %>">3</th><th class="subtitle" title="31/12/<% out.println(aListYear.get(3)); %>">4</th>
          <th class="subtitle" title="31/03/<% out.println(aListYear.get(4)); %>">1</th><th class="subtitle" title="30/06/<% out.println(aListYear.get(4)); %>">2</th><th class="subtitle" title="30/09/<% out.println(aListYear.get(4)); %>">3</th><th class="subtitle" title="31/12/<% out.println(aListYear.get(4)); %>">4</th>
          <th class="subtitle" title="Compétence">Comp.</th>
          <th class="subtitle" title="Fournisseur">Four.</th>
          <th class="subtitle" title="Exploitabilité">Expl.</th>
          <th class="subtitle" title="Sécurité">Sécu.</th>
        </tr>
      </thead>
      <tbody>
          <tr>            
            <tr>
              <td title="Composant"><a href="<%%>${obj[14]}&l=${fn:substring(obj[0],0,1)}" target="_blank">${obj[0]} <% out.println(str); %></a></td>
              <td title="Composant"><a href="<%%>${obj[14]}&l=${fn:substring(obj[0],0,1)}" target="_blank">${obj[0]} <% out.println(str); %></a></td>
              <td title="Composant"><a href="<%%>${obj[14]}&l=${fn:substring(obj[0],0,1)}" target="_blank">${obj[0]} <% out.println(str); %></a></td>
              <td title="31/03/<% out.println(aListYear.get(0)); %>"></td><td title="30/06/<% out.println(aListYear.get(0)); %>"></td><td title="30/09/<% out.println(aListYear.get(0)); %>"></td><td title="31/12/<% out.println(aListYear.get(0)); %>"></td>
              <td title="31/03/<% out.println(aListYear.get(1)); %>"></td><td title="30/06/<% out.println(aListYear.get(1)); %>"></td><td title="30/09/<% out.println(aListYear.get(1)); %>"></td><td title="31/12/<% out.println(aListYear.get(1)); %>"></td>
              <td title="31/03/<% out.println(aListYear.get(2)); %>"></td><td title="30/06/<% out.println(aListYear.get(2)); %>"></td><td title="30/09/<% out.println(aListYear.get(2)); %>"></td><td title="31/12/<% out.println(aListYear.get(2)); %>"></td>
              <td title="31/03/<% out.println(aListYear.get(3)); %>"></td><td title="30/06/<% out.println(aListYear.get(3)); %>"></td><td title="30/09/<% out.println(aListYear.get(3)); %>"></td><td title="31/12/<% out.println(aListYear.get(3)); %>"></td>
              <td title="31/03/<% out.println(aListYear.get(4)); %>"></td><td title="30/06/<% out.println(aListYear.get(4)); %>"></td><td title="30/09/<% out.println(aListYear.get(4)); %>"></td><td title="31/12/<% out.println(aListYear.get(4)); %>"></td>
            <td class="sub-content" title="Standard">
              <c:if test="${obj[4] != null}">
                ${fn:substring(obj[4], 8, 10)}/${fn:substring(obj[4], 5, 7)}/${fn:substring(obj[4], 0, 4)}
              </c:if>
            </td>
            <td class="sub-content" title="Etendu">
              <c:if test="${obj[5] != null}">
                ${fn:substring(obj[5], 8, 10)}/${fn:substring(obj[5], 5, 7)}/${fn:substring(obj[5], 0, 4)}
              </c:if>
            </td>
            <td class="sub-content" title="Compétence">${obj[6]}</td>
            <td class="sub-content" title="Fournisseur">${obj[7]}</td>
            <td class="sub-content" title="Exploitabilité">${obj[8]}</td>
            <td class="sub-content" title="Sécurité">${obj[9]}</td>
            <td title="Cible"></td>
            <td title="Parc">
              <c:if test="${obj[15] > 0}">
                ${obj[15]}
              </c:if>
            </td>
          </tr>
        </c:forEach>
      </tbody>
	</table>

15/04/2014, 15h08
Kaera

fredoche merci beaucoup pour ton aide ! Spacefrog également :-)
La source du problème venait de la base de données... Un champ était NULL et faisait planter la requête HQL (hibernate).

Merci encore pour votre aide.