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

2017年6月18日

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;
  }
}

ソースコード

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