SharePointのビューの書式設定を使ってみた

ではビューの書式設定を。
参考:https://docs.microsoft.com/ja-jp/sharepoint/dev/declarative-customization/view-formatting

右のビュー名から「ビューの書式設定」を選択します。
とりあえず線やっときますか!

と思って意気揚々とやってみましたが、行に対してサラッとスタイル追加したりは出来ないみたいで列と同じテンションで特攻したら残念な感じに…

おーけー。ちゃんとやろう。

途中まで来て日付にどうしても時間が入る。面倒なので集計列を作って神回避。

ふーーーーーーー疲れますなあああ

行の選択、およびヘッダーを非表示にしてとりあえずこんな所で今回はフィニッシュです。

{
    "hideSelection": true,
    "hideColumnHeader": true,
    "rowFormatter": {
        "elmType": "div",
        "style": {
            "border": "1px black solid",
            "font-size": "1.2em",
            "margin": "10px",
            "color": "black",
            "width": "400px",
            "background-color": "=if([$_x4e2d__x65e5__x30b9__x30b3__x30] > [$_x5bfe__x6226__x30c1__x30fc__x30], '#4286f4', if([$_x4e2d__x65e5__x30b9__x30b3__x30] == [$_x5bfe__x6226__x30c1__x30fc__x30], 'yellow', 'red'))"
        },
        "children": [
            {
                "elmType": "div",
                "style": {
                    "padding": "5px"
                },
                "children": [
                    {
                        "elmType": "div",
                        "children": [
                            {
                                "elmType": "span",
                                "style": {
                                    "padding-right": "10px"
                                },
                                "txtContent": "[$_x5bfe__x6226__x65e5_]"
                            },
                            {
                                "elmType": "span",
                                "txtContent": {
                                    "operator": "+",
                                    "operands": [
                                        "[$Title]",
                                        "@",
                                        "[$_x7403__x5834_]"
                                    ]
                                }
                            }
                        ]
                    },
                    {
                        "elmType": "div",
                        "children": [
                            {
                                "elmType": "span",
                                "txtContent": {
                                    "operator": "+",
                                    "operands": [
                                        "[$_x4e2d__x65e5__x30b9__x30b3__x30]",
                                        " vs ",
                                        "[$_x5bfe__x6226__x30c1__x30fc__x30]"
                                    ]
                                }
                            }   
                        ]
                    },
                    {
                        "elmType": "div",
                        "children": [
                            {
                                "elmType": "span",
                                "txtContent": {
                                    "operator": "+",
                                    "operands": [
                                        "勝ち投手:",
                                        "[$_x52dd_]",
                                        " 負け投手:",
                                        "[$_x8ca0_]",
                                        " セーブ:",
                                        "=if([$S] == '', '', [$S])"
                                    ]
                                }
                            }   
                        ]
                    }
                ]
            }
        ]
    }
}