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

CSS

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

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

$(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のクラスに変更しても大丈夫です。

コメント

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