2024

21

Aug

javascript・jQuery

DataTables、レスポンシブでキレイに表示したい。

BootstrapのDataTablesで、
スマホの場合、横スクロールをだして、表をキレイに表示したい!って思って対応していましたが、
全部うまく表示できません。

$(document).ready(function() {
    $('#example').DataTable({
        "scrollX": true,
        "responsive": true
    });
});

これだと全部表が出ず、表示されるの列部分、以降は、display:noneが自動でついてしまい、scrollXのオプションが効きません。

$(document).ready(function() {
    $('#example').DataTable({
        "scrollX": true,
        "responsive": false
    });
});

responsiveは、falseにしたら、自動で、display:noneはつかなくなり、スクロールがききました。

最近、googleで調べて分からないことは、ChatGPTに質問することが増えました。
ChatGPT、かなりすごいです。
これも、ChatGPTで教えてもらいました。
あと、数年でプログラマいらなくなりそうで、怖いです。
プログラム+αのスキルをつけていかないと、生き残れなそう。。

タグ

同じ「javascript・jQuery」カテゴリの記事

ABOUT

福岡在住、フリーランスのプログラマのメモ日記です。組込SEからWEB系に転向。子育てしながら、在宅SOHOにてお仕事しています。
ウェブサイトを作っていて困ったことや、よく調べることを書いていきます。

[対応言語]
HTML、CSS、PHP、Javascript、jQuery
Ruby On Rails、JAVA、C、C++、VB

[運営サイト]
キャラデコ弁.com
CSSデザインジェネレーター