WordPressサイトにフローティングヘッダーとソート可能なテーブルを追加する方法：TablePress

以前に皆さんにWP Table Builderこのテーブル作成プラグインを紹介しましたが、今日はテーブルヘッダーの固定表示とソートをサポートする別のテーブルプラグイン、TablePressを紹介します。 TablePressは、美しいテーブルを簡単に作成・管理し、ショートコードを使用して投稿、固定ページ、またはテキストウィジェットにテーブルを埋め込むことができます。テーブルデータはスプレッドシートのようなインターフェースで編集できるため、コードの知識がなくても簡単に編集できます。テーブルにはあらゆる種類のデータを含めることができ、計算式も使用できます。別のJavaScriptライブラリにより、サイト訪問者向けにソート、ページネーション、フィルタリングなどの機能が追加されます。テーブルはExcel、CSV、HTML、JSONファイルからインポートおよびエクスポートできます。 テーブルヘッダーの固定表示機能を実装するには？テーブルの最初の行（ヘッダー）を画面上部に固定表示したい場合、TablePressの拡張機能DataTables FixedHeaderをインストールする必要があります。拡張機能のインストール後、通常通りショートコードを使用して記事にテーブルを挿入します。最初の行を固定表示するには、ショートコード内にdatatables_fixedheader=topを追加するだけです。以下のようになります。

[table id=123 datatables_fixedheader=top /]

もしあなたのサイトのナビゲーションバーも常に画面上部に固定表示されている場合、両者が重なって表示される可能性があるため、以下のようにオフセット値を追加することもできます：

[table id=123 datatables_fixedheader=top datatables_fixedheader_offsettop=60 /]

top以外に、最下部に表示させることもできますbottomこのTablePress以外にも、固定表示機能をサポートする有料のテーブルプラグインAdvanced Tablesがあります。 具体的な使用方法については、以下のチュートリアルを参照してください：WordPressテーブルプラグインTablePress使用チュートリアル – Naiba サイト構築ノート ダウンロードリンク