DataTablesページ切り替えを連続して行うとwidthが取れなくなる。

最近になってHTML5とjQueryという組み合わせでコードを書くことが多くなった。

jQueryって便利。あと、サードパーティー製のライブラリは開発工数を減らす画期的な手段になる。最近良く触っているのはDataTablesです。

HTML開発をしていると必ず悩みのタネになるのが、DataGrid系のテーブル表示。クライアントさんから「えくせるみたいなの!」ってよく言われるあれですね。はい。

DataTablesはそんな悩みの種のテーブルをたった数行のタグと、Javascriptで実現できてしまうすぐれものです。JSONを利用できるので汎用性も高い。

本題です。

最近大分DataTablesを使いこなせてきたと思ってきた矢先に気づいたのですが、といっても件名の通りですが、ページを勢い良く切り替えていたり、これはあとから気がついたのですが、ソートを連続して操作していたりすると、theadのtr要素のタグが取れずにwidthを取ろうとしてプロパティーが無いって落ちるんですね。そうなると、ヘッダーが二重になってしまう。そうなったが最後、ブラウザ更新するまでは回復が望まれないという。

DataTablesのコードを追って見てもまぁとれてるはずよね。って感じに書かれているので、もしかしたら既存のバグかも知れませんね。

そもそもの改造部分のせいかもしれない感は否めないですが。。。

もし使っている方がいたら気にかけてみてくださいな。採用してからフガ。。。ってならないためにね。