Comment faire pour afficher le quadrillage GridView

Pour une raison quelconque, mes lignes de la grille sont pas à l'affiche quand j'ouvre le gridview dans IE ou Chrome. J'ai mis le quadrillage de la propriété à la Fois déjà.

<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>

InformationsquelleAutor user3339242 | 2014-06-17

Réglage GridLines rend le tableau avec les rules attribut, qui est l'ancienne façon de faire les choses et n'est plus pris en charge. Vous souhaitez utiliser les css pour le style de choses maintenant. C'est l'équivalent de votre échantillon:

  <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" élimine le rules attribut. Réglage de la css border propriété définit la façon dont vos frontières, look.

Réglage cellpadding et cellspacing à -1 élimine le style ancien de la table d'attributs.

Rembourrage est défini sur la th et td éléments avec la norme padding de la propriété.

L'espacement est fait avec la combinaison border-spacing et border-collapse: separate propriétés sur la table appropriée. C'est une sorte de rare de btw - la plupart des gens avec border-collapse: collapse et pas de frontière espacement.

La ridge style de bordure ne semble pas être bien pris en charge. IE et FF le faire, mais différemment. Chome attire tout les solides.

Vous pouvez déplacer certains des autres attributs de la feuille de style ainsi par la définition de la classe css pour des choses comme RowStyle et en définissant les propriétés appropriées.

InformationsquelleAutor lincolnk

C'est bizarre, mais vous pouvez essayer quelque chose comme cela
définir un CssClass pour votre grille

dire

CssClass="grille"

et ajouter un style à elle

 <style type="text/css"> 
       table.grid{ 
           border-collapse:collapse; 
           border:solid 2px black; 
        } 
        table.grid td, th{ 
           border:solid 2px black; 
        } 
    </style>

InformationsquelleAutor Karthik Ganesan

Vous devez vous connecter pour publier un commentaire.