0017

jQueryでテーブルの縦(列)側にもクラスを付け縞模様にする

jQueryでテーブルの縦(列)側にもクラスを付け縞模様にする

2011.8.6

テーブルの横(行)に対して縞模様にするのはよくありますが、縦(列)に対しては意外と無かったので作ってみました。

コードはこんな感じ。縦側の奇数のクラス名は「rowodd」、縦側の偶数のクラス名は「roweven」としました。


もういろいろつけちゃう

縦もほしいけど、横も欲しい。ついでに要素の最初と最後も欲しい気がしたので、全部ひっくるめたコードも書いてみました。


これだけあればだいたいいけるとおもうので、後はCSSで自由に装飾をしてください。