Masukkan Function javascript yang bernama "headerfixed.js" di head tag, dan di lanjutkan pemanggilan Function KepalaTableNgegantung
<script type="text/javascript" src="https://atwalarifin.com/lib/headerfixed.js"></script>
<script type="text/javascript">
window.addEventListener('load',function(){
new KepalaTableNgegantung('data-table', window);
});
</script>
//KepalaTableNgegantung('/*#.class table yang dituju#*/', window)
Or
<script type="text/javascript">
window.addEventListener('load',function(){
new KepalaTableNgegantung('data-table', 'tabel',0);
});
</script>
//KepalaTableNgegantung('/*#.class table yang dituju#*/', '/*#window atau id pembungkus table#*/',0)
Demo Kepala Table Ngegantung
| Column head | Column head | Column head | Column head | Column head | Column head |
|---|---|---|---|---|---|
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
| Column data | Column data | Column data | Column data | Column data | Column data |
DEMO
Selamat mencoba ..
Tidak ada komentar:
Posting Komentar