FEVDES BLOG

自分の経験をシェアしたい。Webデザインのテクニック&効率化。

WordPressに自動でBootstrapのレスポンシブのテーブルのクラスを適用する

      2016/10/13

WordPressにBootstrapのレスポンシブのtableクラスである、table-responsiveを適用する方法です。

jQueryを使うことで、ソースを扱わずに済みます。

特定のタグやクラス内(例えば<article>内)にしたい場合には、
$(“table”)
の部分を
$(“article table”)
にしてください。

addClass(‘table table-bordered’);

でtableクラスとtable-borderedクラスが追加されます。

table-borderedは、任意のBootstrapのクラスに変更しても大丈夫です。

 - CSS, Javascript, wordpress