Freeway テーブルのセルごとに枠の色を変える

テーブルやセル内部の色の切り替えは簡単にできるのですが、外枠に関しては拡張で変更して行きます。元ネタはFreewayTalkのこのポスです。

1.まずはテーブル自体の外枠の変更をしてみましょう。テーブルを作成し、メニュー＞アイテム＞拡張＞tableに、名前『style』値『border:3px solid red』と入力してみましょう。

2.プレビュー画面で見るとこのような感じになります。3pxの部分は線の太さ redは色 solidは実線を表しています。HTMLの色見本のサイトを参考にして色を選びましょう。

3.次はセル単位で色を変えて行きましょう。作業手順は同じで、セル単位で拡張して行くだけです。

4. こんなカラフルなテーブルが作成できました。この設定をstyleに登録しておけば、簡単に適用できますね。