こんにちは、@みやふじです。
WordPressでTablePressで問題にぶつかったので、対処方を備忘録として残します。
問題:Scriptが動作しない
TablePressでJavaScriptライブラリをONにしたのに、フィルター機能が動作しませんでした。
設定はちゃんとオンになっている。。。
原因
WordPressのテーマが原因でJavaScript / CSS の設定が生成されたページに追加されていない。
ということがあるそうです。
必要なコード
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<link href="https://nightly.datatables.net/css/jquery.dataTables.css" rel="stylesheet" type="text/css">
<script src="https://nightly.datatables.net/js/jquery.dataTables.js"></script>
対策
記事の中に、直接 Script と css の設定を読み込むようにします。ただし、記事毎に設定する必要があるため、TablePressを大量のページに設定したい人にはあまりオススメしません。
編集モードは「ビジュアル」から「テキスト」に切り替えて、コードを追加してください。
修正した結果
Scriptが動作し、件数の表示と検索ボックスが表示されました。
この対策にたどり着いたのは以下の記事のお陰です。
[blogcard url="https://datatables.net/blog/2019-02-15"]
TablePressはインポート / エクスポート機能もついており、非常に便利です。どんどん使っていきましょう!!