SFDC panelGrid text align 設定

VFを使い、開発するとＣＳＳなどの ところで苦労していませんか

今回、そのうちのひとつ

panelGridについて

右寄せと左寄せを

共有したいと思います。

欲しけりゃくれてやる・・・。

探せ！

この世の全てをそこに置いてきた〜笑

目次

使用例

VFコード

<apex:panelGrid columns="2" width="100%" columnClasses="hdrCaption, hdrCaptionValue">
    <apex:outputLabel value="ラベル"/>
    <apex:outputText value="値"/>
</apex:panelGrid>

CSSコード

        .hdrCaptionValue{
            text-align: left;
        }
        .hdrCaption{
            text-align: right;
            font-weight: bold;
        }

まとめ

salesforceの奥が深くて、弄って、楽しんでください！