2009-09-09 8 views
3

Utilisation du contrôle Gridview d'asp.net 3.5, visual studio 2008.Comment définir la couleur des lignes horizontales entre les lignes d'un gridview asp.net?

J'ai joué avec tous les contrôles de bordure CSS et je ne peux pas définir la couleur de la ligne horizontale entre les lignes d'un gridview asp.net. La couleur de la ligne semble être en blanc. La seule façon dont ces lignes sont visibles est si la couleur d'arrière-plan de la grille est définie sur une couleur foncée qui contraste avec les lignes blanches.

J'ai défini Gridlines = Horizontal mais je ne peux pas trouver un moyen de définir la couleur Gridlines.

L'attribut gridview bordercolor affecte uniquement la bordure la plus à l'extérieur autour de la grille entière.

Je préfère ne pas le faire en javascript ou jquery.

Répondre

7

Ajouter une classe css à la GridView CssClass = "someClass", puis faire quelque chose comme:

Mise à jour: Essayez quelque chose comme ceci:

<style> 
     .someClass tr td 
     { 
      border-top: 1px solid red; 
      border-bottom: 1px solid red; 
     } 
    </style> 

<asp:GridView ID="GridView1" runat="server" ... GridLines="Horizontal" CssClass="someClass"> 

Et vous obtiendrez des lignes de la grille rouge.

+0

classe affecte la taille de la police, etc, mais pas la taille de la frontière ou Couleur. –

+0

Réessayez maintenant - Je viens de lancer un exemple rapide avec un glisser-déposer GridView et cela a fonctionné sur ma machine. – RichardOD

+0

Merci! C'est ce qu'il a fait. Cela m'a fait devenir fou. –

0

Je pense que vous voulez définir le « BackColor »

+0

backcolor affecte la couleur de la cellule; la bordure reste blanche. –

+0

Cela change la couleur de gridline pour moi ... BackColor = "# FF33CC" BorderColor = "# FF9900" BorderStyle = "solide" BorderWidth = "3px" CellPadding = "4" CellSpacing = "2" DataSourceID = "AccessDataSource3 "ForeColor =" Noir " – Degan

0

info Ajouté à toute personne qui en a besoin.

La réponse de RichardOD a fonctionné. Merci RichardOD!

Cependant, la résolution de ce problème a provoqué une autre:

J'ajoutais dynamiquement un radiobuttonlist à quelques-unes des lignes et le contrôle de radiobuttonlist affiché avec des lignes Horozontal supplémentaires (laid).

J'ai dû créer une autre classe css, comme

.control tr td 
{ 
border-style:none; 
} 

et dans mon code C# derrière lors de la génération du contrôle, j'ajouté:

RadioButtonList rb = new RadioButtonList() 
... 
rb.CssClasss="control"; 
Questions connexes