Cacher la colonne en jQuery dataTables

J'ai un problème cacher jQuery datatables colonne. Je veux que la colonne de récupérer les données mais je ne veux pas qu'il soit indiqué sur l'affichage de la page. Je veux cacher ma colonne n ° 8 afin de CSS, j'ai essayé de les cacher et il me donne rétractables div.

Ci-dessous mon code pour le tableau de données et de classe pour cacher est "hideCol".

 var userTable = $('#user').dataTable( {
      "processing": true,
      "serverSide": true,
      "ajax":"admin/getData.php",
      "responsive" : true,
      "lengthMenu": [10, 25],
      "paginationType" : "input",
      columns: [
              { data:'param0'},
              { data: 'param1' },
              { data: 'param2' },
              { data: 'param3' },
              { data: 'param4' },
              { data: 'param5' },
              { data: 'param6' },
              { data: 'param7'},
          ],
      fnRowCallback:function(nRow,aData, iDisplayIndex, iDisplayIndexFull){
        var seenReportedVal =Number($('td:eq(7)', nRow).text());
        $('td:eq(7)', nRow).addClass('hideCol');
        if(seenReportedVal==0)
        {
         $(nRow).addClass('bold');
        }
      },
       "columnDefs": [
                       { "visible": false, "targets": 7 }
                     ],
    });

OriginalL'auteur Ankita.P | 2014-10-27

jquery-datatables

essayez d'utiliser ce code

var userTable = $('#user').dataTable( {
      "processing": true,
      "serverSide": true,
      "ajax":"admin/getData.php",
      "responsive" : true,
      "lengthMenu": [10, 25],
      "paginationType" : "input",
      columns: [
              { data:'param0'},
              { data: 'param1' },
              { data: 'param2' },
              { data: 'param3' },
              { data: 'param4' },
              { data: 'param5' },
              { data: 'param6' },
              { data: 'param7'},
          ],
       "columnDefs": [
                       { "visible": false, "targets": [7] }
                     ],
    });

J'ai essayé avec votre réponse, il n'a pas de travail . J'ai essayé ce commenté"responsive":true, et il a commencé à travailler . Je l'utilise pour faire des datatable réactif . Merci beaucoup pour votre réponse encore une fois 🙂
Au premier abord, cette solution ne fonctionne pas pour moi, mais ensuite j'ai remarqué que j'avais laissé l'attribut visible: "false" dans la liste des colonnes, des restes de l'échec d'une tentative à une colonne invisible. Une fois que j'ai nettoyé mon désordre, la colonne a été invisible. JE VOUS REMERCIE.

OriginalL'auteur Aladdin

Vous pouvez utiliser visible propriété de colonnes.
Je suggère de joindre les attributs de l'objet avec des citations par exemple, "les colonnes", "données" ou "visible".

"columns": [
          { "data":'param0'},
          { "data": 'param1', "visible": false},
          { "data": 'param2'},
          { "data": 'param3'},
          { "data": 'param4'},
          { "data": 'param5'},
          { "data": 'param6'},
          { "data": 'param7'},
      ]

OriginalL'auteur Kursad Gulseven

1

Je ne sais pas si vous avez déjà résolu votre problème, mais depuis que j'ai eu le même problème, je vais partager avec vous au moins ma solution.

Il semble que vous utilisez dataTable en Responsive Mode, donc, sur cette base, si vous souhaitez masquer une colonne, vous devez appliquer classe css spécifique pour elle, en fonction de votre besoin. Vous appliquez pour le ième élément associé à la colonne, et vous avez votre problème résolu.

Plus d'informations sur les différentes classes css peut être trouvé ici.

OriginalL'auteur Hugo Barona
0

J'ai résolu ce problème avec un peu de css. Pourrait être utile pour les autres.
```
"aoColumnDefs": [
                 {"sClass": "dt_col_hide", "aTargets": [3]}
              ],
```
dt_col_hide est une classe css et il va se cacher la colonne indexée 3 dans ce cas.
```
.dt_col_hide{display: none;}
```
ou
```
.dt_col_hide{visibility:  hidden;}
```
selon votre condition.

OriginalL'auteur Rajitha Bandara

Vous devez vous connecter pour publier un commentaire.