「更新情報/2008年/10月/23日/改善:その他: テーブルwiki構文の<tr>タグへのclass追加について」の編集履歴(バックアップ)一覧はこちら
「更新情報/2008年/10月/23日/改善:その他: テーブルwiki構文の<tr>タグへのclass追加について」(2008/10/23 (木) 12:01:55) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
いつもご利用ありがとうございます.
ユーザー様からご要望頂きましたので、
テーブルwiki構文の<tr>タグに、奇数行と偶数行を指定するためのclass属性を追加致しました。
-偶数行の<tr>タグに追加したclass:&b(){atwiki_tr_odd}
<tr class="atwiki_tr_odd atwiki_tr_1" >
-奇数行の<tr>タグに追加したclass:&b(){atwiki_tr_even}
<tr class="atwiki_tr_even atwiki_tr_2" >
設定画面のCSSカスタマイズにて該当classへのスタイル設定を行っていただくことで
一行ごとの色分けなどデザイン調整が可能となります。
なお、編集モードは「アットウィキモード」のみ対応となっております。
お気づきの点などございましたらお気軽にお問い合わせください。
それではよろしくお願い致します。
例)
-wiki構文例
#divid(atwiki_table_sample){
|odd|1|1|1|1|1|1|1|1|1|1|1|
|even|2|2|2|2|2|2|2|2|2|2|2|
|odd|3|3|3|3|3|3|3|3|3|3|3|
|even|4|4|4|4|4|4|4|4|4|4|4|
|odd|5|5|5|5|5|5|5|5|5|5|5|
|even|6|6|6|6|6|6|6|6|6|6|6|
}
-CSSカスタマイズ例
div#atwiki_table_sample tr.atwiki_tr_odd {
color: #fff;
background: #999;
}
div#atwiki_table_sample tr.atwiki_tr_even {
color: #999;
background: #fff;
}
上記のCSSカスタマイズ例で設定した場合、
wiki構文例は以下のように表示されます。
#divid(atwiki_table_sample){
|odd|1|1|1|1|1|1|1|1|1|1|1|
|even|2|2|2|2|2|2|2|2|2|2|2|
|odd|3|3|3|3|3|3|3|3|3|3|3|
|even|4|4|4|4|4|4|4|4|4|4|4|
|odd|5|5|5|5|5|5|5|5|5|5|5|
|even|6|6|6|6|6|6|6|6|6|6|6|
}
表示オプション
横に並べて表示:
変化行の前後のみ表示: