2 liens privés
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>
