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 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 main.css, 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;
}
Dans la console du navigateur, j'ai:
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>
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.