スポンサーリンク

TablePressのDataTables JavaScriptライブラリ使用時にヘッダーの幅がずれる問題への対処方法

TablePressのDataTables JavaScriptライブラリ使用時にヘッダーの幅がずれる問題への対処方法です(応急処置)

WordPressの初期テンプレートのtwentysixteenでTablePressを使用したところDataTables JavaScriptライブラリを有効にするとヘッダの列幅がずれる問題が発生しましたので応急措置を施しました。
↓↓↓↓↓↓↓↓↓↓↓

\wp\wp-content\plugins\tablepress\js\jquery.datatables.min.jsの54行目(抜粋)

 

.css({"box-sizing":"content-box",width:c.sXInner||"100%"})

を以下のように書き換えます

 

.css({"box-sizing":"border-box",width:c.sXInner||"100%"})

これでキャッシュを破棄すれば幅が統一されると思います。

おつかれさまでした!

コメント

タイトルとURLをコピーしました