SharePoint リストの「列の書式設定」で右揃えにする方法

Question

SharePointリストで、日数を「○○日」と表示している列があるのですが

左揃えだと見づらいので、右揃えにしようと以下のようにJSONを記述したのですが

右揃えになりません。フォントサイズや色、太字は反映されています。

ご存じの方いらっしゃいましたら、解決方法をご教示いただけますと幸いです。

{ "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json","elmType": "div","txtContent": "@currentField","style": {"font-size": "24px","color": "#FFFFFF","font-weight": "bold","text-align": "right"}}

Answer 1

divは幅情報を持っていないので、３文字であれば３文字幅。

それを左寄せ、中央、右寄せしても結果は同じであり、左側から埋められます。

table 或いは Flex などで配置するか、空白文字を付与して右寄せに見せかけて下さい。

column-formattingについては、下記に膨大なサンプルが掲載されていますので熟読してみて下さい。 https://github.com/pnp/List-Formatting/tree/master/column-samples

上記サンプルなどを参考にしてもダメな場合は開発系の話でもあるので、海外コミュニティで聞かれた方が良いかも分かりません。

Microsoft Q&A (en-us版)

├ SharePoint
└ SharePoint Development

※ 質問内容によっては、閲覧者・回答者が多い海外コミュニティをお勧めします。

　 Microsoft Q&A では、英語が推奨されています。(日本語を読み解いてくれる人は少なそうです。)

　 タグ名は約400種類定義されています。適切なタグ(複数可)を付与した方が回答を得られ易いです。

　 （技術的な質問も受け付けている様です。）

Answer 2

simo-k様

ご回答ありがとうございます。

たくさんのサンプルが載っていてとても勉強になります。

海外コミュニティも機会があれば利用したいと思います。

右揃えにつきましては、

"text-align": "right"の部分を"justify-content": "right"に

変更することで実現できました。

ありがとうございました。