Besoin gridview avec certains bordure externe et interne différente (frontière.net application web)

Je veux avoir un gridview avec un rouge à bordure extérieure et intérieure bleu séparateur de lignes et utilisé cette majoration/css:

<asp:GridView runat="server" ID="entries" CssClass="grid" AutoGenerateColumns="false">
    <Columns>
        <asp:BoundField DataField="Id" HeaderText="Id" />
        <asp:BoundField DataField="Name" HeaderText="Name" />        
    </Columns>        
 </asp:GridView>

.grid
{
border: solid 1px Red !important;
}

.grid td
{
border: solid 1px Blue;
}

Mais le résultat en est que la ligne d'en-tête a un rouge bordure externe, pas les autres.
J'ai aussi essayé RowStyle de la même manière, sans succès.
Testé sous IE 9, Chrome.

Pourquoi ne pas vous regardez le rendu html? Qui détient la clé. Et si vous avez déjà regardé et encore à résoudre, post le rendu HTML ici. Qui va vraiment aider. Vous pouvez également utiliser les outils de développement sur IE9, semblable à FireBug dans FireFox.

OriginalL'auteur AGuyCalledGerald | 2012-01-25

1

Mise à JOUR

Je l'ai eu, je pense, essayez ceci:
```
.grid { border: solid 1px Red; }
.grid td { border-top:solid 1px blue; }
.grid th { border-top:solid 1px red !important; }   
.grid th.first { border-right:solid 1px blue !important; }
.grid th.last { border-left:solid 1px blue !important; }    
.grid td.first { border-right:solid 1px blue !important; }
.grid td.last { border-left:solid 1px blue !important; }


<asp:BoundField DataField="Id" HeaderText="Id" HeaderStyle-CssClass="first" ItemStyle-CssClass="first" />

<asp:BoundField DataField="Name" HeaderText="Name" HeaderStyle-CssClass="last" ItemStyle-CssClass="last" />
```
Testé avec IE9.

Si vous souhaitez ajouter boundfields, ajouter entre le premier et le dernier sans cssclass.

Le premier et le dernier boundfield doit avoir .first et .last cssclass.

Sympa, mais ne change pas de lignes verticales, uniquement à l'horizontale.
Pouvez-vous m'expliquer mieux ce que vous souhaitez obtenir ?
Toutes les cellules à l'intérieur de la grille doit avoir une bordure bleue, en dehors de l'extérieur des frontières de la table. Ceux-ci devraient être de couleur rouge.
désolé j'ai oublié un morceau, essayez-le maintenant
essayez maintenant s'il vous plaît, de nouveau changé

OriginalL'auteur
1

http://www.ezineasp.net/category/ASP-Net-C-Sharp-GridView-Control.aspx

Consultez ce site. cela peut être vous aider.

essayez cela".gridRow td' plutôt que .grille de td
tu veux dire en relation avec RowStyle? J'ai essayé sans succès.
oui.. et aussi essayer cette RowStyle-CssClass="grille"

OriginalL'auteur Dipen Chudasama
0

Un gridview est un tableau avec les CSS-propriété
```
border-collapse:collapse;
```
Dans ce modèle, il doit être décidé, aux frontières de la "gagne" si les frontières de différents éléments sont effondrés.

CSS:

"Dans l'écroulement de la frontière du modèle, les frontières à tous les bord de chaque cellule peut être spécifiée par les propriétés de bordure sur une variété d'éléments qui répondent à bord (des cellules, des lignes, des groupes de lignes, des colonnes, des groupes de colonnes, et la table elle-même), et ces frontières peuvent varier en largeur, le style et la couleur. La règle de base est que chaque côté le plus "accrocheur" border style est choisi, sauf que toute occurrence du style "caché" inconditionnellement tourne la frontière off.

Les règles suivantes déterminer le style de bordure "gagne" en cas de conflit:

Frontières avec le 'border-style' de 'hidden' a préséance sur toute autre conflit de frontières. Toute frontière, avec cette valeur supprime toutes les frontières à cet endroit.
Les frontières avec un style "none" ont la priorité la plus faible. Seulement si la frontière propriétés de tous les éléments de la réunion au cours de ce bord sont "none" va de la frontière de l'être omis (mais remarque que "aucun" est la valeur par défaut pour le style de bordure.)
Si aucun de ces styles sont "cachés" et au moins l'un d'entre eux n'est pas "aucun", puis frontières étroites sont écartées au profit de celles plus larges. Si plusieurs ont le même 'border-width', puis les styles sont privilégiés dans cet ordre: 'double', 'solide', 'en pointillés', 'dotted', 'ridge', 'début', 'groove', et le plus bas: 'inset'.
Si la frontière des styles diffèrent que par la couleur, puis un style de jeu sur une cellule de victoires sur une sur une ligne, qui l'emporte sur un groupe de lignes, de colonnes, la colonne de groupe et, enfin, le tableau. Lorsque deux éléments d'un même type de conflit, la plus à gauche (si le tableau de la 'direction' est 'ltr'; à droite, si elle est "rtl"), et plus loin vers le haut gagne."

Donc une bonne solution consisterait à définir la frontière de la largeur de la table un peu plus large que celui de la cellule:
```
.grid
{
   border: solid 1.01px Red;
}
```
OriginalL'auteur AGuyCalledGerald

J'ai été en mesure de réaliser cela en mettant un div autour de la gridview:

<div style="border:1px solid Red; width:100%;">
    <asp:GridView ID="GVDetailedResults" ...CssClass="DetailedResults" GridLines="None">

Puis en donnant le contrôle gridview css une bordure blanche, cela semble pour nettoyer la cellspacing=-1 chose:

.DetailedResults {
   width: 100%;
   border: solid 1px white;
 }

De donner les cellules d'une bordure bleue:

.DetailedResults td {
    padding: 2px 5px 2px 5px;
    margin:0px;
    border:1px solid Blue;
}

OriginalL'auteur russds

Vous devez vous connecter pour publier un commentaire.