Müssen gridview mit einigen äußeren Grenze und verschiedene, innere Grenze (.net web-Anwendung)

Ich möchte ein gridview mit einem roten Rand und blauen inneren Trennlinien und verwendet diese markup/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;
}

Aber das Ergebnis ist, dass nur die header-Zeile hat einen roten Rand, die anderen nicht.
Ich habe auch versucht RowStyle in der gleichen Weise, aber ohne Erfolg.
Getestet im IE 9, Chrome.

Warum gehst du nicht schauen auf den gerenderten html? Das wird halten Sie die Taste gedrückt. Und wenn Sie schon angeschaut und es noch nicht gelöst ist, poste den gerenderten HTML hier. Das wird wirklich helfen. Sie können auch verwenden Sie die developer tools auf IE9, ähnlich wie FireBug in FireFox.

InformationsquelleAutor AGuyCalledGerald | 2012-01-25

  1. 1

    UPDATE

    Habe ich es, denke ich, versuchen Sie dies:

    .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" />

    Getestet mit IE9.

    Wenn Sie hinzufügen möchten boundfields, fügen Sie zwischen der ersten und letzten ein ohne cssclass.

    Den ersten und letzten boundfield muss .first und .last cssclass.

    Schön, aber nicht zu ändern vertikale Linien, nur horizontal.
    Können Sie erklären mir besser, was Sie wollen, zu erhalten ?
    Alle Zellen innerhalb der raster haben einen blauen Rand, abgesehen von den äußeren Grenzen der Tabelle. Diese sollte rot sein.
    sorry, ich vergaß, ein Stück, versuchen Sie es jetzt
    versuchen Sie nun, bitte, wieder geändert

    InformationsquelleAutor

  2. 1

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

    Finden Sie auf dieser Website. dies kann Ihnen helfen,.

    versuchen Sie, diese '.gridRow td' statt .grid td
    Sie bedeuten in Verbindung mit RowStyle? Ich habe versucht, ohne Erfolg.
    ja.. und auch versuchen, diese RowStyle-CssClass="grid"

    InformationsquelleAutor Dipen Chudasama

  3. 0

    Einer gridview ist eine Tabelle mit der CSS-Eigenschaft

    border-collapse:collapse;

    In diesem Modell, es muss entschieden werden, welche Grenze "gewinnt", wenn Grenzen aus verschiedenen Elementen reduziert sind.

    Der CSS-spec:

    "In der collapsing border model, Grenzen an jede Kante jeder Zelle kann angegeben werden, durch die border-Eigenschaften auf verschiedene Elemente, die Kante (Zellen, Zeilen, Zeilengruppen, Spalten, Spaltengruppen und die eigentliche Tabelle), und diese Grenzen können variieren in Breite, Stil und Farbe. Die Faustregel ist, dass an jeder Kante die meisten "auffälligen" border-style gewählt ist, mit der Ausnahme, dass alle vorkommen der Formatvorlage "versteckt" bedingungslos stellt sich die Grenze aus.

    Die folgenden Regeln bestimmen, welche border-style "gewinnt" im Falle eines Konflikts:

    Grenzen mit dem 'border-style' 'hidden' haben Vorrang vor allen anderen widersprüchliche Grenzen. Jede Grenze mit diesem Wert unterdrückt alle Grenzen hinweg an diesem Standort.
    Grenzen mit einem Stil 'none' haben die niedrigste Priorität. Nur wenn die Grenze der Eigenschaften aller Elemente treffen bei diesem Rand sind 'none' wird die Grenze weggelassen werden (aber beachten Sie, dass 'none' ist der Standardwert für die Rahmenart.)
    Wenn keiner der Stile sind "versteckt" und mindestens einer von Ihnen ist nicht 'none' ist, dann engen Grenzen werden verworfen zugunsten von breiteren lieben. Wenn mehrere die gleiche 'border-width' und dann die Stile werden bevorzugt in dieser Reihenfolge: 'double', 'solid', 'dashed', 'dotted', 'ridge', 'outset', 'groove', und die niedrigste: 'inset'.
    Wenn Rahmenarten nur in der Farbe unterscheiden, dann einen Stil festlegen auf eine Zelle gewinnt man auf eine Zeile, welche Gewinne über eine Zeilengruppe, Spalte, Spaltengruppe und schließlich Tabelle. Wenn zwei Elemente des gleichen Typs Konflikt, bei der man dann weiter nach Links (wenn die Tabelle 'direction' 'ltr'; rechts, wenn es ist 'rtl') und weiter nach oben, gewinnt."

    So eine gute Abhilfe wäre, um die Rahmenbreite der Tabelle ein wenig breiter als die Zelle:

    .grid
{
   border: solid 1.01px Red;
}

    InformationsquelleAutor AGuyCalledGerald

  4. 0

    War ich in der Lage zu erreichen, indem du ein div um die gridview:

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

    Dann gibt das gridview-css ein weißer Rand, dieser erscheint zu bereinigen cellspacing=-1 Sache:

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

    Dann geben die Zellen ein blauer Rahmen:

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

    InformationsquelleAutor russds

Schreibe einen Kommentar