DevExpress の ASPxGridView のセル折り返し禁止設定

DevExpress　のセル折り返し禁止設定のサンプルです。

「ASPxGridView」を使用します。

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

画面を小さくすると「編集削除」項目で折り返しが発生してしまいます。

「ASPxGridView」オブジェクトのプロパティを変更していきます。
※プロパティ画像は「グループ表示」

＜セル折り返し禁止設定＞

「＞」アイコン上で左クリックを行いメニューを表示させます。

↓

「Columns…」を選択します。

↓

「#」を選択して「CellStyle」の「Wrap」項目を開き、
「Wrap=”False”」に変更します。

↓

【生成PG】

<dx:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False" 
    DataSourceID="AccessDataSource1" KeyFieldName="ID" Theme="RedWine">
    <Columns>
        <dx:GridViewCommandColumn ShowClearFilterButton="True" VisibleIndex="0" 
            ShowDeleteButton="True" ShowEditButton="True" ShowNewButtonInHeader="True">
            <CellStyle Wrap="False">
            </CellStyle>
        </dx:GridViewCommandColumn>
        <dx:GridViewDataTextColumn FieldName="ID" ReadOnly="True" VisibleIndex="1" 
            Visible="False">
            <EditFormSettings Visible="False" />
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="地方名" VisibleIndex="2">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="都道府県名" VisibleIndex="3">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="都道府県めい" VisibleIndex="4">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="都道府県MEI" VisibleIndex="5">
            <Settings AutoFilterCondition="Contains" HeaderFilterMode="CheckedList" />
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="県庁所在地名" VisibleIndex="6">
        </dx:GridViewDataTextColumn>
        <dx:GridViewDataTextColumn FieldName="県庁所在地めい" VisibleIndex="7">
        </dx:GridViewDataTextColumn>
    </Columns>
    <SettingsBehavior AutoFilterRowInputDelay="15000" AllowSelectByRowClick="True" 
        AllowSelectSingleRowOnly="True" />
    <SettingsPager Position="TopAndBottom">
        <AllButton Visible="True">
        </AllButton>
        <FirstPageButton Visible="True">
        </FirstPageButton>
        <LastPageButton Visible="True">
        </LastPageButton>
        <Summary Position="Right" />
        <PageSizeItemSettings Items="5, 10, 15, 20, 25, 30, 35, 40, 45, 50" 
            Visible="True">
        </PageSizeItemSettings>
    </SettingsPager>
    <SettingsEditing Mode="Batch">
        <BatchEditSettings EditMode="Row" StartEditAction="DblClick" />
    </SettingsEditing>
    <Settings ShowGroupedColumns="True" ShowGroupPanel="True" 
        ShowFilterRow="True" ShowHeaderFilterButton="True" />
</dx:ASPxGridView>

<dx:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False"

DataSourceID="AccessDataSource1" KeyFieldName="ID" Theme="RedWine">

<dx:GridViewCommandColumn ShowClearFilterButton="True" VisibleIndex="0"

ShowDeleteButton="True" ShowEditButton="True" ShowNewButtonInHeader="True">

</CellStyle>

</dx:GridViewCommandColumn>

<dx:GridViewDataTextColumn FieldName="ID" ReadOnly="True" VisibleIndex="1"

Visible="False">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="地方名" VisibleIndex="2">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="都道府県名" VisibleIndex="3">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="都道府県めい" VisibleIndex="4">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="都道府県MEI" VisibleIndex="5">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="県庁所在地名" VisibleIndex="6">

</dx:GridViewDataTextColumn>

<dx:GridViewDataTextColumn FieldName="県庁所在地めい" VisibleIndex="7">

</dx:GridViewDataTextColumn>

</Columns>

<SettingsBehavior AutoFilterRowInputDelay="15000" AllowSelectByRowClick="True"

AllowSelectSingleRowOnly="True" />

</AllButton>

</FirstPageButton>

</LastPageButton>

<PageSizeItemSettings Items="5, 10, 15, 20, 25, 30, 35, 40, 45, 50"

Visible="True">

</PageSizeItemSettings>

</SettingsPager>

</SettingsEditing>

<Settings ShowGroupedColumns="True" ShowGroupPanel="True"

ShowFilterRow="True" ShowHeaderFilterButton="True" />

</dx:ASPxGridView>

【自動生成PG】

<CellStyle Wrap="False">
</CellStyle>

1 2	<CellStyle Wrap="False"> </CellStyle>

「編集削除」項目で折り返しが発生しなくなりました。

MENU

最近の投稿

人気記事

MENU

DevExpress の ASPxGridView のセル折り返し禁止設定

関連記事はこちら:

最近の投稿

人気記事