Afficher les quadrillages sur une grille

Question

J'utilise Rad Grids et j'utilise les Skins intégrés pour l'apparence. Cependant, j'aimerais ajouter un quadrillage pour ma grille. Gridlines = "Both" ne semble pas fonctionner.

<telerik:RadGrid ID="RadGridProviders" Width="100%" GridLines="Both" AllowPaging="true" Skin="WebBlue" runat="server" DataSourceID="SDSProvider" AutoGenerateColumns="false"> 
        <MasterTableView DataSourceID="SDSProvider" PageSize="7" CellPadding="0" GridLines="Both" CellSpacing="0" DataKeyNames="ID,Entry_Loc" AllowMultiColumnSorting="True" AutoGenerateColumns="false" > 
        <PagerStyle Mode="NextPrevNumericAndAdvanced"/> 
        <Columns> 
         <telerik:GridBoundColumn HeaderText="Organization Name" HeaderStyle-HorizontalAlign="Center" DataField="OrgName" SortExpression="OrgName"> 
         </telerik:GridBoundColumn> 
         <telerik:GridBoundColumn HeaderText="Provider Type" HeaderStyle-HorizontalAlign="Center" DataField="TypeofProvider" SortExpression="TypeofProvider"> 
         </telerik:GridBoundColumn> 
         <telerik:GridBoundColumn HeaderText="Contact Name" HeaderStyle-HorizontalAlign="Center" DataField="Contact" SortExpression="Contact"> 
         </telerik:GridBoundColumn> 
         <telerik:GridBoundColumn HeaderText="Address" HeaderStyle-HorizontalAlign="Center" DataField="Address" SortExpression="Address"> 
         </telerik:GridBoundColumn> 
         <telerik:GridBoundColumn HeaderText="Contact Number" HeaderStyle-HorizontalAlign="Center" DataField="Phone" SortExpression="Phone"> 
         </telerik:GridBoundColumn> 
         <telerik:GridBoundColumn HeaderText="Creator Location" Visible="false" HeaderStyle-HorizontalAlign="Center" DataField="Entry_Loc" SortExpression="Entry_Loc"> 
         </telerik:GridBoundColumn> 
         <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="Delete" HeaderText="Delete Provider" HeaderStyle-HorizontalAlign="Center" 
          ConfirmText="Are You Sure You Want to Delete this Provider?" ConfirmDialogType="RadWindow" ConfirmTitle="Delete Provider Confirmation" 
          UniqueName="DeleteProv"> 
         </telerik:GridButtonColumn> 
        </Columns> 
        </MasterTableView> 
        </telerik:RadGrid> 

Je viens essayé d'ajouter le CSS personnalisé

.mytable tr td 
    { 
       border: solid 1px #000000; 
    } 

Je mets la classe css pour le style élément à l'intérieur de la table masterr, je l'ai mis sur la table principale et sur la grille elle-même. N'a pas fonctionné.

Answer 1

Votre peau peut ne pas supporter les lignes de la grille. Vous pouvez essayer d'utiliser un autre skin pour le vérifier ou utiliser firebug. Si le skin ne supporte pas les lignes de la grille, vous devrez les ajouter manuellement avec css/skin personnalisé.

Voici la description des classes RadGrid css: http://www.telerik.com/help/aspnet-ajax/grdcreatingnewskins.html

Vous pouvez personnaliser la peau existante ou utiliser quelque chose comme:

.RadGrid_WebBlue .rgRow td 
{ 
    border: solid 1px #000000; 
} 

Answer 2

protected void Page_Load(object sender, EventArgs e) 
{ 
    this.GridView1.Attributes.Add("bordercolor", "c3cecc"); 
} 

« Avec le GridView, l'attribut déclaratif bordercolor ajoute une déclaration de style inline qui s'applique uniquement à la table elle-même, et non pas aux cellules individuelles

L'attribut dercolor par programmation n'utilise pas un style en ligne, mais utilise la propriété HTML bordercolor, que les navigateurs appliquent à toutes les bordures de la table. "

Ce fut une observation faite par Lee Dumond sur mon blog sur ce sujet:

http://codersbarn.com/post/2009/05/31/Set-Color-of-GridLines-in-Gridview.aspx