css problem in oben:?

habe ich fix-header in einem gridview und ich diese in der style-Klasse

<style type="text/css">
 .gridFixedHeader
{
background-color:white;
position:relative;
top:expression(GridView1.offsetParent.scrollTop-2);
}
</style>

aber ich bekomme eine Fehlermeldung, dass der Ausdruck(GridView1.offsetParent.scrollTop-2);nicht gültig...
was alles muss ich tun, um diese Arbeit zu machen.....

Anregungen

Wichtigste Ziel..., die fix-Header, so dass Sie nicht bewegen, wenn das gridview ist, gescrollt, nach oben oder unten...

jede Hilfe wird dankbar sein...

hier ist mein gridview-code

<asp:Panel ID="Panel1" runat="server" Height="100px" ScrollBars="Vertical">

 <asp:GridView ID="GridView1" runat="server" AllowSorting="True" 
        AutoGenerateColumns="False" BackColor="White" BorderColor="#CCCCCC" 
        BorderStyle="None" BorderWidth="1px" CellPadding="3"  
        DataKeyNames="MachineGroupID" DataSourceID="SqlDataSource1">
        <RowStyle ForeColor="#000066" />
        <HeaderStyle CssClass="gridFixedHeader" />
        <Columns>
            <asp:BoundField DataField="MachineGroupID" HeaderText="MachineGroupID" 
                InsertVisible="False" ReadOnly="True" SortExpression="MachineGroupID" />
            <asp:BoundField DataField="MachineGroupName" HeaderText="MachineGroupName" 
                SortExpression="MachineGroupName" />
                        </Columns>
        <FooterStyle BackColor="White" ForeColor="#000066" />
        <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
        <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
        <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
    </asp:GridView>
    </asp:Panel>

also hier habe ich ein gridview, wo, wenn ich scrollen die Kopfzeile bewegt sich auch.. ich möchte nicht, dass das passiert..

Bitte erläutern Sie, in nicht-gridview-spezifische Sprache, was Sie zu tun versuchen, ich bin sicher, dass jemand wird kommen mit der richtigen CSS-Richtlinie für es.

InformationsquelleAutor user175084 | 2010-03-08

asp.net c#css gridview jquery

3

Es ist nicht gültig in W3C. Es ist ein IE einzige Sache. Zu tun, was Sie suchen in einer gültigen Weise würde verlangen, dass Sie einige JavaScript und fixieren Sie Ihre Header.

Wenn Sie erklären, Ihre gewünschte Ergebnis, ich bin sicher, dass jemand helfen kann. Ich habe aus GridView-Header genau so Aussehen wie ich will, viele Male.

UPDATE: Hier ist ein guter Artikel: http://www.dotnetcurry.com/ShowArticle.aspx?ID=255
- bitte helfen Sie, wenn u kno wie ich den beheben kann-Header in meinem gridview..
- als wenn ich scrollen der header sollte im Vordergrund bleiben
- oK, das wird funktionieren, nur für den IE und firefox...
- hmmm, wenn es funktioniert in IE und Firefox dann, was es tut, nicht funktioniert. In meiner Erfahrung habe ich nicht, hatte schon viele Probleme mit anderen Browsern.
- chrome safari opera... es funktioniert nicht in Ihnen...
- Kannst du eine URL, wo wir das sehen konnte?
InformationsquelleAutor Dustin Laine
1

Wenn das gridview-gerendert wird in html, die GridView1 ID ist wohl umgeschrieben werden.

möchten Sie wahrscheinlich so etwas wie:
```
top:expression(<%= GridView1.ClientID %>.offsetParent.scrollTop-2);
```
obwohl diese können Sie bekommen, was Sie wollen, es ist wahrscheinlich nicht die beste form.
- Nur IE. PFUI!!!
- ja, der Ausdruck wird nur im IE funktioniert, aber was hat er nicht in jedem browser funktionieren.
- warum bin ich immer den Fehler keine gültige Eigenschaft für top Ausdruck... ich bin mit VS2008...
- gibt es irgendein Skript oder eine Referenz oder einer Funktion um diese Arbeit zu machen...???
- für mehr Informationen über diese haben Sie nach den gerenderten html, es ist wirklich schwer zu bestimmen, die richtige css für html, die Sie nicht sehen.
InformationsquelleAutor John Boker
0

Sie sind stark empfohlen gegen die Verwendung von CSS-Ausdrücke, wie Sie ausgeführt werden, auf jeder - Ereignis des Browsers - einschließlich mouseMove. Sie brauchen auch nicht auf alles, aber IE.

Kann ich nicht beantworten Ihre Frage weiter ist aufgrund fehlender details von dem, was Sie zu erreichen versuchen.
- alle im versucht zu tun ist, fixieren Sie die Header... und haben alles versucht... aber kein Glück... einigen Fällen funktioniert es in IE und FF, aber nicht in Chrom... so bin ich kein Glück... bitte helfen Sie, wenn u wissen, eine Sache im Zusammenhang.. danke
- Was für Header? Bitte geben Sie einige Kontext von dem, was Sie tun, fügen Sie den html-Code in Frage.
- gridview-Header: (für die Spalten)
InformationsquelleAutor raveren
-1

Werden, wenn Sie versuchen, es zu beheben, um die Spitze der viewport versuchen:
```
.gridFixedHeader
{
background-color:white;    
position:fixed;
top:20px; //optional
}
```
in den Elementen CSS -

edit: gerade Begriffen, dass Sie so Aussehen, wie Sie styling eines GridViews-header, so wird dies wahrscheinlich nicht funktionieren, versuchen Entsendung einige der Gridview erzeugt HTML-und was yo tun wollen bitte
- übrigens, dies funktioniert in allen Browsern zu...
InformationsquelleAutor Alex

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.