2

何らかの理由で、IE または Chrome でグリッドビューを開くと、グリッド線が表示されません。gridLines プロパティを既に Both に設定しています。

<asp:GridView ID="GridView1" runat="server"  OnSelectedIndexChanged="GridView1_SelectedIndexChanged" BorderColor="Black" AutoGenerateColumns="True" Height="350px" ShowFooter="True" AllowSorting="True" BackColor="Black" BorderStyle="Ridge" BorderWidth="2px" CellPadding="3" CellSpacing="3" GridLines ="Both">


        <FooterStyle BackColor="#C6C3C6" ForeColor="Black" />


        <HeaderStyle Font-Size="7pt" Width="400px" BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" >
        </HeaderStyle>


        <PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
        <RowStyle BackColor="#DEDFDE" ForeColor="Black" />
        <SelectedRowStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
        <SortedAscendingCellStyle BackColor="#F1F1F1" />
        <SortedAscendingHeaderStyle BackColor="#594B9C" />
        <SortedDescendingCellStyle BackColor="#CAC9C9" />
        <SortedDescendingHeaderStyle BackColor="#33276A" />


    </asp:GridView>
4

2 に答える 2

4

これはGridLines古いrules方法であり、サポートされなくなりました。今すぐスタイル設定に css を使用したいとします。これはあなたのサンプルと同等です：

  <style type="text/css">
    .GridView1 { border-spacing: 3px; border-collapse: separate; }
    .GridView1 > tbody > tr > th, 
    .GridView1 > tbody > tr > td { border: 2px ridge black; padding: 3px; }
  </style>

  <asp:GridView ID="GridView1" runat="server" OnSelectedIndexChanged="GridView1_SelectedIndexChanged" ShowFooter="True" AllowSorting="True" AutoGenerateColumns="True"
    Height="350px" BackColor="Black" 
    CssClass="GridView1" GridLines="none" CellPadding="-1" CellSpacing="-1">
    <FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
    <HeaderStyle Font-Size="7pt" Width="400px" BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF"></HeaderStyle>
    <PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
    <RowStyle BackColor="#DEDFDE" ForeColor="Black" />
    <SelectedRowStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
    <SortedAscendingCellStyle BackColor="#F1F1F1" />
    <SortedAscendingHeaderStyle BackColor="#594B9C" />
    <SortedDescendingCellStyle BackColor="#CAC9C9" />
    <SortedDescendingHeaderStyle BackColor="#33276A" />
  </asp:GridView>

GridLines="none"属性を削除しrulesます。cssborderプロパティを設定すると、境界線の外観が定義されます。

とを設定するcellpaddingと、古いスタイルのテーブル属性がなくなります。cellspacing-1

パディングは、標準プロパティ のthandtd要素で定義されます。padding

スペーシングは、適切なテーブルの組み合わせborder-spacingとborder-collapse: separateプロパティで行われます。これは珍しいことですが、ほとんどの人はborder-collapse: collapse境界線なしで使用します。

ボーダー スタイルはridgeあまりサポートされていないようです。IE と FF はそれを行いますが、方法が異なります。チョメはしっかり描くだけ。

RowStylecss クラスを定義して適切なプロパティを設定することにより、他の属性の一部をスタイルシートに移動することもできます。

于 2014-06-17T19:58:47.100 に答える
0

それは奇妙ですが、グリッドの CssClass を設定するようなことを試すことができます

いう

CssClass="グリッド"

それにスタイルを追加します

 <style type="text/css"> 
       table.grid{ 
           border-collapse:collapse; 
           border:solid 2px black; 
        } 
        table.grid td, th{ 
           border:solid 2px black; 
        } 
    </style>
于 2014-06-17T19:25:37.990 に答える