Maison >interface Web >js tutoriel >jquery fusionne dynamiquement les cellules

jquery fusionne dynamiquement les cellules

php中世界最好的语言
php中世界最好的语言original
2018-03-15 13:34:182277parcourir

Cette fois, je vous propose jquery pour fusionner dynamiquement des cellules. Quelles sont les précautions pour fusionner dynamiquement des cellules en jquery ? Voici des cas pratiques, jetons un coup d'oeil.

est la suivante :

////在table的第二行的位置添加一行:
var tbl_elm = $("#dgList");
$('<tr><td colspan=\&#39;2\&#39;>xxxxxx</td></tr>').insertBefore($("TR", tbl_elm).eq(1))
////table中指定行第N列合并单元格(合并后会多出一列,删除N+1单元格即可)
var tds = $("#dgList .TableHeader1").find('td');
tds[6].setAttribute("colSpan", "2");
还可以写成:tds[6].attr("rowSpan", 2);
这种格式$("#dgList").find("tr").eq(0).find("td").eq(7).remove();
////juqery 读取table第N行第M列
 $("#dgList").find("tr").eq(N).find("td").eq(M);
 
////合并一行中除个别单元格之外的所有单元格
  $("#dgList tr:eq(0) td").each(function () {
  if ($(this).text() != '租赁资源' && $(this).text() != '用地规范') {
    $(this).attr("rowspan", "2");
  }
});
 ////指定行插入指定行后面
$('<tr><td>租赁资源</td><td>用地规范</td></tr>').insertAfter($("#dgList tr:eq(0)"));

Je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes. , veuillez faire attention au site Web chinois php Autres articles connexes !

Lecture recommandée :

C3+jQuery pour créer des effets d'animation et des fonctions de rappel

Comment implémenter une pagination dynamique des données avec jQuery+ajax

Comment extraire l'affectation de données avec ajax dans jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn