puis-je cacher la colonne perticular dans jquery comme ça?

Question

Je cache toute la colonne dans la grille comme ceci?

//   $('#Grid tr th').each(function(column) { 
//    if ($(this).is('#div.id')) { 
//     hide(); 
//    } 
//   }); 

puis-je faire comme ça?

grâce

Answer 1

Je pense que vous devez faire quelque chose comme:

$('#Grid tr').each(function() { 
     $(this).find('td:eq(0)').hide(); 
}); 

Lorsque le nombre dans l'équation() est le nombre de colonnes index (commence à zéro). Vous pouvez aussi user: first ou: last au lieu de: eq().

Vous pouvez également utiliser cette approche:
pour la première colonne:

$("#Grid td:first-child").hide(); 

pour une colonne avec un indice de 1 à nth-child() (!):

$("#Grid td:nth-child(1)").hide(); 

pour la dernière colonne:

$("#Grid td:last-child").hide(); 

Pour cacher aussi le titre dans thead vous pouvez utiliser des sélecteurs séparés par des virgules:

$("#Grid tbody td:nth-child(2), #Grid thead th:nth-child(2)").hide(); 

ou

$("#Grid tbody td:nth-child(1)").hide(); 
$("#Grid thead th:nth-child(1)").hide(); 

ou pour la première approche:

$('#Grid tr').each(function() { 
     $(this).find('td:eq(0), th:eq(0)').hide(); 
}); 

voir l'exemple mis à jour à: http://www.alexteg.se/stackoverflow/jquery_hide_table_column.html

Answer 2

Vous pouvez faire comme ceci:

$('#Grid tr th').each(function() { 
      if ($(this).attr('id') == "#div") { 
       $(this).hide(); 
      } 
     }); 

Vous pouvez vouloir remplacer le #div avec celui que vous utilisez.

Answer 3

disons que je veux cacher le 17ème col. de la grille

var colindex =16; 

    $("#CP_Main_gvPOItems").find("th:nth-child(" + colindex + "), td:nth-child(" + colindex + ")").hide();