2024
21
Aug
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で教えてもらいました。
あと、数年でプログラマいらなくなりそうで、怖いです。
プログラム+αのスキルをつけていかないと、生き残れなそう。。
- Stripeのドル決済時、金額が100で割ったものになってしまう。
- bgswitcher.js タブレットで、coverが効かないとき。。
- Multiple Selectで、初期値がでない。。
- CKEditorがIE10で動かない。