Bonjour,
Je voudrais conserver le CSS par défaut de DataTable et ne corriger qu'un minimum de propriétés.
J'ai donc pris la précaution de mettre le CSS par défaut avant ma feuille personnalisée mais ceci ne suffit pas à prendre en considération mais modifications.
Mes feuilles de styles déclarées dans la balise <head> sont les suivantes:
Dans main.css, j'ai
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <head> <!-- balises autres que link --> <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.css"> <link rel="stylesheet" media="all" type="text/css" href="css/main.css"> <link rel="stylesheet" media="print" type="text/css" href="css/print.css"> <!-- balises autres que link --> </head>Dans la console du navigateur, j'ai:
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 #table tbody tr { height:5px !important; /* Pour test uniquement */ border:1px solid white; /* Pour test uniquement */ } #table tbody tr .even { background-color:grey; }Là où je pense avoir un problème est que dans la console la feuille de style "main.css" apparaît avant celle de DataTable.
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 <tbody> <tr class="odd"><td class="sorting_1">Nom 1</td><td>Prénom 1</td><td>France</td><td>Code postal 1</td><td>Ville 1</td><td>Tél. 1</td></tr> <tr class="even"><td class="sorting_1">Nom 2</td><td>Prénom 2</td><td>France</td><td>Code postal 2</td><td>Ville 2</td><td>Tél. 2</td></tr> </tbody>
Partager