0

画面表示に次のように定義されたデータグリッドがあります：-

<div style="overflow: auto; width: 380px; height: 300px">
    <asp:DataGrid id="ItemsGrid"
                  BorderWidth="1"
                  CellPadding="3"
                  AutoGenerateColumns="true"
                  runat="server">
        <HeaderStyle CssClass="subHeader"></HeaderStyle>
        <ItemStyle CssClass="normalText"></ItemStyle >
    </asp:DataGrid>
</div>

これは次のように表示されます：-

HeaderStyleで表示

HeaderStyleアイテムがないと、グリッドは期待どおりに表示されます。-

HeaderStyleなしで表示

（タイトルのスタイルは間違っていますが）。したがって、CSSは次のようになります。-

.subHeader
{
    clear:both;
    float: left;
    display: block;
    overflow: hidden;
    margin: 0;
    border: 0;
    border-width: 0px;
    border-right-style: solid;
    font-size: small;
    font-family: Verdana;
}

私がここで間違っていることを誰かが知っていますか？ここで提案を試しましたが、違いはありません。

編集

ここで要求されているのは、最初にHeaderStyleエントリを持つバージョンのHTML出力です。

<div style="overflow: auto; width: 380px; height: 300px">
    <table cellspacing="0" cellpadding="3" rules="all" border="1" id="ItemsGrid style="border-width:1px;border-style:solid;border-collapse:collapse;">
    <tr class="subHeader">
        <td>Grade</td><td>Kurznamen</td><td>Discard&nbsp;Length</td>
    </tr><tr class="normalText">
        <td>13004</td><td>21CRNIMO2-2-2</td><td>23.17</td>

なし：-

                       <div style="overflow: auto; width: 380px; height: 300px">
                            <table cellspacing="0" cellpadding="3" rules="all" border="1" id="ItemsGrid" style="border-width:1px;border-style:solid;border-collapse:collapse;">
<tr>
    <td>Grade</td><td>Kurznamen</td><td>Discard&nbsp;Length</td>
</tr><tr class="normalText">
    <td>13004</td><td>21CRNIMO2-2-2</td><td>23.17</td>
4

1 に答える 1

1

clearとfloatルールを削除すると、準備完了です。

また、CSS に慣れていない場合は、次のようなサイトを参照することをお勧めします: http://www.csstutorial.net/

于 2013-01-09T11:59:23.427 に答える