comment supprimer ou ajouter une ligne vide à un tableau dans l'éditeur

[Marco6205]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://bridge-embrunais.forumactif.com/

Description du problème

Bonsoir
j'ai créé un bouton qui insère un tableau prédéfini de trois lignes.
j'ai utilisé le code "empty-cells:hide;" pour ne pas afficher les bordures des cellules vides. mais cette technique ne m'est pas satisfaisante!
Quand le tableau est édité je ne sais pas supprimer la ligne en trop
comment faire ?
voici le code du bouton

Code:

/*
ajoute un tableau avec feuille de style*/
$(function(){$(function(){
$('<a class="sceditor-button " unselectable="on" title="TabBids"><div unselectable="on" style="background-image:url(https://i62.servimg.com/u/f62/18/31/09/16/trefle10.png)">Enchères</div></a>').insertAfter('.sceditor-button-table').click(function(){
$('#text_editor_textarea').sceditor("instance").insert("[table class='tablo']","[tr][td class='cel']OUEST[/td]
[td class='cel' align='center' border='1' height='20' width='50']NORD[/td]
[td class='cel' align='center' border='1' height='20' width='50' ]EST[/td]
[td class='cel' align='center' border='1' height='20' width='50']SUD[/td]
[/tr]
[tr][td class='cel' align='center' border='1' height='20' width='50'][/td]
[td class='cel' align='center' border='1' height='20' width='50'][/td]
[td class='cel' align='center' border='1' height='20' width='50'][/td]
[td class='cel' align='center' border='1' height='20' width='50'][/td]
[/tr]
[tr][td class='cel' align='center' border='1' height='20' width='50'][/td]
[td class='cel' align='center' border='1' height='20' width='50'][/td]
[td class='cel' align='center' border='1' height='20' width='50'][/td]
[td class='cel' align='center' border='1' height='20' width='50'][/td]
[/tr]
[/table]");
  });
})});

une partie d'apparence est présente dans le code pour que l'affichage dans l'éditeur soit le plus esthétique .
Voici le code CSS

Code:

/*style tableau celluse vides bordures cachées*/
table.tablo{
  empty-cells:hide;
  text-align:center;
  border-spacing:0;/*obligatoire pour les cellules vides*/
  border:0px; /*par defaut 1px solid black;*/
  /*border-collapse:collapse; incompatible avec les cellules vides*/
}
td.cel{
  width:50px;
  height:20px;
  border:1px solid black; 
}

si vous avez une idée pour supprimer la ligne de cellule vide (normalement des lignes complètes)
ou alors comment rajouter une ligne vide à ce tableau

[Marco6205]

j'ai trouvé la solution qui fonctionne très bien sur un tableau html.
mais je n'arrive pas à mettre cette solution pour quelle fonctionne sur l'éditeur du forum.
Je ferme ce sujet et en ouvre un autre