Tableau d'organisation et d'opérations Javascript lié aux tables, tr, production de pages td_HTML/Xhtml_Web

Paramétrage des attributs de table avec un bon effet :

Copiez le code

Le code est le suivant :

< table cellSpacing="0" cellPadding="0" border='1' bordercolor="black"
style='border-collapse:collapse;table-layout:fixed'>

Beaucoup de gens font cette expérience : lorsqu'il n'y a aucun contenu ou aucun élément visible dans un td, la bordure du td disparaîtra également. La solution consiste à ajouter le style border-collapse:collapse au tableau
Troncation générale du texte (s'applique à l'inline et au bloc) :

Copier le code

Le code est le suivant :

.text-overflow{
display:block;/*Les objets en ligne doivent être ajoutés*/
width : 31em;
word-break:keep-all;/* Aucun saut de ligne*/
white-space:nowrap;/* Aucun saut de ligne*/
overflow:hidden;/* Masquer le contenu en excès lorsque le contenu dépasse la largeur*/
text-overflow:ellipsis;/* Afficher les points de suspension (...) lorsque le texte de l'objet déborde doit être utilisé avec overflow:hidden;. */
}

Pour les tableaux, la définition est un peu différente :

Copier le code

Le code est le suivant :

table{
width:30em;
table-layout:fixed;/* Seul l'algorithme de disposition du tableau est défini comme fixe , la définition de td ci-dessous peut fonctionner. */
}
td{
width:100%;
word-break:keep-all;/* Pas de saut de ligne*/
white-space:nowrap;/* Pas de ligne breaks* /
overflow:hidden;/* Masquer le contenu en excès lorsque le contenu dépasse la largeur*/
text-overflow:ellipsis;/* Afficher les points de suspension (...) lorsque le texte dans l'objet overflows; doit être utilisé avec overflow :hidden utilisé ensemble; */
}

Table d'opération Javascript, tr, td

Copier le code

Le code est le suivant :

table.moveRow(m,n)//Echange de lignes de table (IE) Les lignes entre m et n sont déplacées en séquence
table.deleteRow(index )// Suppression de ligne
table.insertRow(index)//Insérer une ligne à la position d'index et renvoyer le TR
tr.insertCell(index)//Insérer une cellule et renvoyer le TD
tr. deleteCell(index )
tr.rowIndex//Renvoie la position de tr dans le tableau
td.cellIndex //Renvoie la position de td dans tr