jQuery Girl
  1. jQuery Girl
  3. Paramètre de largeur de colonne – tableau HTML
Intereting Posts
jQuery .clone () .html () dans un bogue IE S’il vous plaît, aidez jQuery à exécuter uniquement pour le premier paragraphe Pourquoi le clic du milieu ne déclenche-t-il pas le “clic” dans plusieurs cas? Désactivation du clic lors de l’utilisation de .fadeOut () dans jQuery Basculer la classe avec jQuery jquery si couleur de fond == Est-il possible de rendre mon arrière-plan div de moins en moins transparent pendant que l’utilisateur continue à faire défiler la page Web? Attendu “{” et à la place vu “retour” Comment obtenir la valeur de retour de la fonction succes Jquery.ajax Exemple simple à propos de CouchJS dans l’espace utilisateur, par exemple avec le navigateur? jquery ajax appelle une boucle après l’autre sans arrêter le rendu de la page jqGrid – ID unique pour la nouvelle ligne sauter en avant dans l’animation jQuery? Comment télécharger un fichier via une URL puis obtenir son nom jQuery Faites défiler jusqu’au prochain cours avec le bouton Suivant / Précédent

Paramètre de largeur de colonne – tableau HTML

J’ai un tableau HTML comme indiqué dans http://jsfiddle.net/Lijo/JN8Pm/1/ . Ce tableau est généré par gridview en asp.net. Par conséquent, je ne peux pas append de classe à «td» dans «tr». [Ceci est la suggestion dans de nombreux forums; mais cela ne fonctionnera pas pour moi en raison de gridview]

Comment puis-je

  1. définir la couleur de fond de la colonne Emp ID en rouge?
  2. définir la largeur de la colonne Emp ID sur 300px?

Référence :

Reportez-vous aux deux suivants pour le style de table 

1. table-layout:fixed; 2. word-wrap:break-word;
  1. Utilisation de “word-wrap: break-word” dans un tableau
  2. Word-wrap dans un tableau HTML
  3. Ajuster la largeur des cellules d’un tableau HTML à l’aide de jQuery
  4. Les cellules du tableau sont masquées lorsque la largeur totale est supérieure à 100%

Vous pouvez voir des exemples en direct ici: http://jsfiddle.net/JN8Pm/8/ 

 var table = $('#detailContentPlaceholder_grdTransactions'), trs = table.find('tr'), headTr = table.find('.second'), empHeader = $($(headTr).children('th')[1]); table.width(table.width() + 300); empHeader.css('background-color', 'red'); empHeader.width(300); for (var i = 2; i < trs.length; i += 1) { var td = $($(trs[i]).children('td')[1]); td.css('background-color', 'red'); td.width(10); }​

Cela change la couleur et la taille de la colonne EmplID. J'espère que cela résout votre problème.

Vous pouvez faire quelque chose comme ça en utilisant jquery 

  $('tr').each(function(index) { if (index > 1){ $($(this).children()[1]).css("background-color","Red"); } $($(this).children()[1]).css("width","300px"); });

http://jsfiddle.net/JN8Pm/6/

Le changement de largeur ne fonctionne pas vraiment dans jsfiddle semble-t-il, mais il devrait être quelque chose dans ce sens