Comment faire un compte sur la table <tr> et faire une autre couleur de fond et d'autres dans vb.net

Question

Dans ASP.net je l'ai dans le frontend, et dans le backend (vb) je veux faire un compte sur tous <tr> sur cette page et tous les autres (donc le 2ème, 4ème, 6ème, ...) doit avoir une autre couleur de fond. Comment puis-je compter tous les <tr> sur une page et comment leur dire de donner à tous les deux une couleur de fond différente?

C'est le frontend:

<p class="title"><asp:Label ID="Label1" runat="server" Text="Title 1"></asp:Label></p> 
    <table class="table"> 
     <tr><td>Person 1</td><td>Bestuurder</td></tr> 
     <tr><td>Person 2</td><td>Zaakvoerder</td></tr> 
    </table> 

    <p class="title"><asp:Label ID="Label3" runat="server" Text="Title 2"></asp:Label></p> 
    <asp:Button ID="btn_add_beheerder" runat="server" Text="BEHEERDER TOEVOEGEN" class="btn_add"/> 
    <table class="table"> 
     <tr><td>Person 3</td><td>Beheerder</td></tr> 
     <tr><td>Person 4</td><td>Beheerder</td></tr> 
    </table> 

Le back-end est tout simplement va être sur un page_load. Je pense que la meilleure façon de le faire est de mettre tous les <tr> dans un tableau, puis tous les array[i] divisibles par 2 donnent une autre couleur de fond? Est-ce la meilleure façon de travailler?

Answer 1

vous pourriez bien sûr le faire dans une gazillion de différentes façons. Voici juste une suggestion.

<asp:GridView id="gv" runat="server" DataSourceID="ds"> 
      <Columns> 
       <asp:BoundField DataField="Person" /> 
       <asp:BoundField DataField="Something else"/> 
      </Columns> 
      <AlternatingRowStyle BackColor="Blue" /> 
     </asp:GridView> 
     <asp:SqlDataSource runat="server" ID="ds" 
      ConnectionString="your connectionString" 
      SelectCommand="--select stuff"> 
     </asp:SqlDataSource> 

Notez le "AlternatingRowStyle"

Answer 2

Modifier votre classe css doit être assez

.table tr:nth-child(odd) { 
    background: silver; 
} 

si vous travaillez avec une table générée dynamiquement puis ajoutez l'attribut class css

HtmlTable myTable = new HtmlTable(); 
// initialization 
myTable.Attributes.Add("Class", "table");