Modifier le css par défaut de DataTable
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:
Code:
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 main.css, j'ai
Code:
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;
} |
Dans la console du navigateur, j'ai:
Code:
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> |
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.
