2 liens privés
Les bonnes pratiques à mettre en place lors de la création de tableau
Créer facilement un tableau responsive en utilisant réellement la balise <table>
Créer un tableau HTML avec des colonnes et/ou des entêtes fixes
<html>
<head>
<link rel="stylesheet" href="css/defaultTheme.css" />
<style>
.table-fix-header-column .inner {
width: 100%;
height:500px;
}
</style>
</head>
<body>
<div class="table-fix-header-column">
<div class="inner">
<table class="table-bordered">
<thead>
<tr>
<th>Entête colonne 1</th>
<th>Entête colonne 2</th>
<th>Entête colonne 3</th>
<th>Entête colonne 4</th>
<th>Entête colonne 5</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<script type="text/javascript" src="js/jquery.fixedheadertable.min.js"></script>
<script>
$(function(){
// Fixe l'entête et les 2 premières colonne
$('.table-fix-header-column table').fixedHeaderTable({
footer: false,
cloneHeadToFoot: false,
fixedColumn: true,
fixedColumns: 2,
themeClass: 'fht-table'
});
});
</script>
</body>
</html>
Tableau avec le body en hauteur fixe et déroulant
Un plugin jquery permettant de faire de la pagination automatique sur un tableau
Un plugin jQuery permettant de generer des tableaux automatiquement en fonction d'une source JSON par exemple. Il permet egalement d'ajouter des fonctionnalites au tableau comme la recherche, le tri, ...
Tri de tableau en javascript en mettant uniquement une classe sortable sur le tableau