jQuery

【jQuery】jQueryを使用し、テーブルのヘッドとカラムを固定させるFreeze Table

November 27, 2018

Freeze Tableはレスポンシブ対応のjQueryを使用し、テーブルのヘッドとカラムを固定させることができます。

Assets include

<script type="text/javascript" src="js/freeze-table.js"></script>

Markup

<div class="freeze-table">
  <table class="table">
    <thead>
      <th>...</th>
    </thead>
    <tbody>
      <td>...</td>
    <tbody>
  </table>
</div>

Initailize via JavaScript

<script>
   $(function() {
      $('.freeze-table').freezeTable({});
   });
</script>
<script>
   $(function() {
      new FreezeTable('.freeze-table', {});
   });
</script>

MIT