WordPressに自動でBootstrapのレスポンシブのテーブルのクラスを適用する
2016/10/13
WordPressにBootstrapのレスポンシブのtableクラスである、table-responsiveを適用する方法です。
jQueryを使うことで、ソースを扱わずに済みます。
1 2 3 4 |
$(function() { $("table").wrap("<div class='table-responsive'></div>"); $('table').addClass('table table-bordered'); }); |
特定のタグやクラス内(例えば<article>内)にしたい場合には、
$(“table”)
の部分を
$(“article table”)
にしてください。
addClass(‘table table-bordered’);
でtableクラスとtable-borderedクラスが追加されます。
table-borderedは、任意のBootstrapのクラスに変更しても大丈夫です。