DevExpress でのピボットグリッドのサイズ（幅）設定

DevExpress でのピボットグリッド（ASPxPivotGrid）のサイズ（幅）設定のサンプルです。

現状の画面デザインはこのようになっています。

＜ピボットグリッドのサイズ（幅）設定＞

・「ASPxPivotGrid」に対して「Width=”800px”」を設定します。

・「ASPxPivotGrid」の「OptionsView」に対して「HorizontalScrollBarMode=”Visible”」を設定します。

【サンプルプログラム】

<div>
    <dx:ASPxPivotGrid ID="ASPxPivotGrid1" runat="server" ClientIDMode="AutoID" 
        DataSourceID="XpoDataSource1" EnableTheming="True" Theme="RedWine" 
        Caption="売上一覧（ピボットグリッド）" Width="800px">
        <Fields>
            <dx:PivotGridField ID="fieldKINGAKU" Area="DataArea" AreaIndex="0" 
                FieldName="KINGAKU" Caption="金額" CellFormat-FormatString="#,###" 
                CellFormat-FormatType="Numeric">
            </dx:PivotGridField>
            <dx:PivotGridField ID="fieldAQUREXNAME" Area="RowArea" AreaIndex="0" 
                FieldName="AQUREX_NAME" Caption="担当者">
            </dx:PivotGridField>
            <dx:PivotGridField ID="fieldPROJECT" Area="RowArea" AreaIndex="1" 
                FieldName="PROJECT" Caption="案件">
            </dx:PivotGridField>
            <dx:PivotGridField ID="fieldTORIHIKICHIHOCHIHOMEI" Area="RowArea" AreaIndex="2" 
                FieldName="TORIHIKI_CHIHO.CHIHOMEI" Caption="取引先場所">
            </dx:PivotGridField>
            <dx:PivotGridField ID="fieldTORIHIKICOMPANY" Area="RowArea" AreaIndex="3" 
                FieldName="TORIHIKI_COMPANY" Caption="取引先名">
            </dx:PivotGridField>
            <dx:PivotGridField ID="fieldTORIHIKITANTO" Area="RowArea" AreaIndex="4" 
                FieldName="TORIHIKI_TANTO" Visible="False" Caption="取引先担当者">
            </dx:PivotGridField>
            <dx:PivotGridField ID="fieldSALESEDATE" Area="ColumnArea" AreaIndex="0" 
                FieldName="SALESE_DATE" Caption="売上年" GroupInterval="DateYear" 
                UnboundFieldName="fieldSALESEDATE">
            </dx:PivotGridField>
            <dx:PivotGridField ID="fieldSALESEDATE1" Area="ColumnArea" AreaIndex="1" 
                FieldName="SALESE_DATE" Caption="売上月" GroupInterval="DateMonth" 
                UnboundFieldName="fieldSALESEDATE1">
            </dx:PivotGridField>
            <dx:PivotGridField ID="fieldSALESEDATE2" AreaIndex="0" FieldName="SALESE_DATE" 
                Caption="売上年" GroupInterval="DateYear" UnboundFieldName="fieldSALESEDATE2">
            </dx:PivotGridField>
            <dx:PivotGridField ID="fieldSALESEDATE3" AreaIndex="1" FieldName="SALESE_DATE" 
                Caption="売上月" GroupInterval="DateMonth" 
                UnboundFieldName="fieldSALESEDATE3">
            </dx:PivotGridField>
        </Fields>
        <OptionsView HorizontalScrollBarMode="Visible" />
        <Styles>
            <FieldValueStyle Wrap="False">
            </FieldValueStyle>
        </Styles>
    </dx:ASPxPivotGrid>
</div>
<div>
    <dx:XpoDataSource ID="XpoDataSource1" runat="server" 
        TypeName="Sample_07.SAMPLE.SALESE_INFO">
    </dx:XpoDataSource>
</div>

<div>

<dx:ASPxPivotGrid ID="ASPxPivotGrid1" runat="server" ClientIDMode="AutoID"

DataSourceID="XpoDataSource1" EnableTheming="True" Theme="RedWine"

Caption="売上一覧（ピボットグリッド）" Width="800px">

<dx:PivotGridField ID="fieldKINGAKU" Area="DataArea" AreaIndex="0"

FieldName="KINGAKU" Caption="金額" CellFormat-FormatString="#,###"

CellFormat-FormatType="Numeric">

</dx:PivotGridField>

<dx:PivotGridField ID="fieldAQUREXNAME" Area="RowArea" AreaIndex="0"

FieldName="AQUREX_NAME" Caption="担当者">

</dx:PivotGridField>

<dx:PivotGridField ID="fieldPROJECT" Area="RowArea" AreaIndex="1"

FieldName="PROJECT" Caption="案件">

</dx:PivotGridField>

<dx:PivotGridField ID="fieldTORIHIKICHIHOCHIHOMEI" Area="RowArea" AreaIndex="2"

FieldName="TORIHIKI_CHIHO.CHIHOMEI" Caption="取引先場所">

</dx:PivotGridField>

<dx:PivotGridField ID="fieldTORIHIKICOMPANY" Area="RowArea" AreaIndex="3"

FieldName="TORIHIKI_COMPANY" Caption="取引先名">

</dx:PivotGridField>

<dx:PivotGridField ID="fieldTORIHIKITANTO" Area="RowArea" AreaIndex="4"

FieldName="TORIHIKI_TANTO" Visible="False" Caption="取引先担当者">

</dx:PivotGridField>

<dx:PivotGridField ID="fieldSALESEDATE" Area="ColumnArea" AreaIndex="0"

FieldName="SALESE_DATE" Caption="売上年" GroupInterval="DateYear"

UnboundFieldName="fieldSALESEDATE">

</dx:PivotGridField>

<dx:PivotGridField ID="fieldSALESEDATE1" Area="ColumnArea" AreaIndex="1"

FieldName="SALESE_DATE" Caption="売上月" GroupInterval="DateMonth"

UnboundFieldName="fieldSALESEDATE1">

</dx:PivotGridField>

<dx:PivotGridField ID="fieldSALESEDATE2" AreaIndex="0" FieldName="SALESE_DATE"

Caption="売上年" GroupInterval="DateYear" UnboundFieldName="fieldSALESEDATE2">

</dx:PivotGridField>

<dx:PivotGridField ID="fieldSALESEDATE3" AreaIndex="1" FieldName="SALESE_DATE"

Caption="売上月" GroupInterval="DateMonth"

UnboundFieldName="fieldSALESEDATE3">

</dx:PivotGridField>

</Fields>

</FieldValueStyle>

</Styles>

</dx:ASPxPivotGrid>

</div>

<div>

<dx:XpoDataSource ID="XpoDataSource1" runat="server"

TypeName="Sample_07.SAMPLE.SALESE_INFO">

</dx:XpoDataSource>

</div>

それでは、実行して動作確認を行います。

↓

無事にピボットグリッド（ASPxPivotGrid）のサイズ（幅）設定が出来ました。

MENU

最近の投稿

人気記事

MENU

DevExpress でのピボットグリッドのサイズ（幅）設定

関連記事はこちら:

最近の投稿

人気記事