asp.net - GridViewセルパディングOnEditingモードのスタイリング

Question

Visual Studio 2010、Asp.NetとC＃を使用しています

GridViewがすべて正常に表示されていることはご存知ですが、[編集]をクリックすると、GridViewが展開され、ページのdivの線と交差します。それが私に起こっていることです。

編集モードでCellPaddingとCellSpacingを編集するにはどうすればよいですか？

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

Answer 1

セルのパディングとスペースを変更しても、問題は解決しません。

グリッドビューが div の外に展開される理由は、行が編集モードのときに長い入力コントロール (テキスト ボックス、日時ピッカーなど) が生成されるためです。

私は2つの解決策を考えることができます：

1) gridview 編集行入力コントロールの幅を変更します。

<style type="text/css">
.editRow input
{
    width:60px;
}
</style>

スタイルをグリッドビューに追加します。

<asp:GridView EditRowStyle-CssClass="editRow"...

2) グリッドビューを div 内に配置し、div のoverflowcss プロパティを auto に設定します。これにより、グリッドビューが編集モードのときにスクロール バーが生成されます。

    <style type="text/css">
        .gridParent
        {
            width: 700px;
            height:300px;
            overflow: auto;
        }
    </style>

<div class="gridParent">
    <!--Your grid view-->
    </div>