-3
votes

Supprimer les lignes de bordure et attribuer des couleurs pour alterner des rangées de table?

Je dois retirer les lignes de bordure pour la table donnée et assigner une couleur pour une rangée alternative pour la table. Voici le lien de code:

https://stackblitz.com/angulaire /kooxxyvddeqb?file=app%2ftable-Sticky-Columns-example.css Merci d'avance

typescript angular html css

1 commentaires

Ne mettez pas votre code exclusivement dans un lien externe. Si votre lien se casse, cette question devient inutile car il est difficile de savoir ce que vous demandez. Veuillez inclure un exemple de reproductible minimal dans la question.

5 Réponses :

0
votes

Veuillez ajouter du code CSS comme ci-dessous:

.mat-table-sticky:first-child {
  border-right: none;
}
td.mat-cell,
td.mat-footer-cell,
th.mat-header-cell {
  border: none;
}
tr.mat-row:nth-child(2n+1) {
  background-color: #EFEFEF;
}
tr.mat-row:nth-child(2n) {
  background-color: #C5C4C4;
}

0 commentaires

0
votes

Pour supprimer la bordure, ajoutez-le après votre CSS:

.mat-table-sticky:first-child {
  border-right: 1px solid #e0e0e0;
}

.mat-table-sticky:last-child {
  border-left: 1px solid #e0e0e0;
}

0 commentaires

0
votes

Utilisez des enfants uniformes et impairs CSS pour colorer des lignes alternées et une largeur de bordure-botom à zéro pour supprimer la bordure.

https://stackblitz.com/edit/angular-pgrwjh?file=app/table-sticky-columns-example.css xxx

0 commentaires

0
votes

Essayez celui-ci ... xxx

html xxx

0 commentaires

0
votes

Randines alternatives Couleur:

tr:nth-child(odd)       { background-color:#eee; }
tr:nth-child(even)      { background-color:#fff; }

0 commentaires