テーブルのセルに斜めの線を引くjQueryプラグイン

2013/09/27 JavaScript Snippet

テーブルのセルに斜めの線(分割線?打ち消し線?)をつけるやつをjQueryプラグインとして作ってみた。

テーブルのセルに斜めの線を引いたりしたいことないですかね。 必要に迫られてググりまくった情報をもとにjQueryプラグインとして作ってみました。

言葉では難しいんだけど、要するにこういうことでして。 テーブルの斜めの線

コードは以下だけど、 Gistにあり〼

ウインドウサイズによって幅が変わるようなテーブルには対応していなくて、しかもセルのCSSスタイルによっては表示が微妙になる時がある・・・。

はじめはCSS3の背景グラデーションでやろうかと思ったけどセルのサイズを固定しないとできなかったので、jQueryでセルの縦横を取得して、それに合わせてボーダーのある要素を傾けるものになってる。 というかこれHTML5の標準機能とかでできたらなあw

comments powered by Disqus