エンジニアのひよこ_level10

【毎日更新!】新卒4年目エンジニアブログです!

【jQuery】Datatablesプラグインで、thが必ずずれるバグの対応をJSに寄せる理由【966日目】

jQuery Datatablesプラグインのバグ

datatables.net

こちらを使ってるが、起動させると、ウィンドウの幅を変えた時とかにthの部分のリサイズが上手くいかない。

いくつか対応方法が他の記事にあるが、そのうちの1つの書き方について。

width: 100%を直書きする

<table id="dtable" style="width: 100%;">
</table>

こんな感じにstyleを直書きすると動く。

ただ、この書き方は微妙。なぜなら、

  1. HTMLを書き換えるには、構造の関する記述ではない
  2. CSSを書き換えるには、デザインに直接影響させたい記述ではない
  3. この文字の目的は、JSで作ったもののバグ対応だ

ということで、関心を一箇所にまとめるためにJavaScriptで記述する

JSでwidth: 100%を書く

<script>
  $('#dtable').attr('style', 'width: 100%;');
  $('#dtable').Datatables({....});
</script>

これで、JSに関することをJSに集めた。

コメントで理由を加えると、
他の人がコードを見たときに、意味のないコードだと消される危険性が下がる。

極力関心は同じ関心を持つところに集めたいφ(・