スポンサーリンク

ionic3でCSSでテーブルをしま模様にする

ionic2では、デフォルトでテーブルを縞模様にするコマンドがないと思われる。

bootstrapなら、stripedがあるのに、、、
https://webnetamemo.com/coding/bootstrap/2015062126

http://d.hatena.ne.jp/guimo/20120127/1327617371

CSSで指定するしかなさそう。

例)home.scss

page-home {

h1,h2 { text-align: center; }

table { width: 100%; }

td {text-align: right; }

 

/*偶数行目の背景を着色*/

div tr:nth-child(odd){

background-color: cornsilk;

}

}

image

ソースコード

https://github.com/adash333/ionic3-calculate

スポンサーリンク