Avatar billede lauge Nybegynder
08. maj 2002 - 12:00 Der er 21 kommentarer og
1 løsning

DataGrid og CSS på <tr>??

Hejsa!

Jeg roder lidt med det her kære Datagrid som er ganske fedt, men hvordan faen får jeg smidt CSS på <tr> i mit html output som .NET genererer??

Hvordan kan jeg f.eks. få dette output fra et DataGrid??

<Table class="TABLE_1">

    <TR class="TR_1">
        <TD class="TD_1">Hejsa du</TD>
        <TD class="TD_2">Hejsa du</TD>
        <TD class="TD_3">Hejsa du</TD>
    </TR>
   
    <TR class="TR_2">
        <TD class="TD_4">Hejsa du</TD>
        <TD class="TD_5">Hejsa du</TD>
        <TD class="TD_6">Hejsa du</TD>
    </TR>

    <TR class="TR_3">
        <TD class="TD_7">Hejsa du</TD>
        <TD class="TD_8">Hejsa du</TD>
        <TD class="TD_9">Hejsa du</TD>
    </TR>

</table>

Jeg kan kun få lov til at sætte Style på <HeaderStyle CssClass="TopBottom"></HeaderStyle>.

Lauge
Avatar billede jakobandersen Nybegynder
08. maj 2002 - 12:11 #1
Avatar billede lauge Nybegynder
08. maj 2002 - 13:18 #2
moonduck>> det var selvfølgelig også en ide men ikke den jeg søger :-)

Men måske du også har et eksempel hvordan man kan udbygge DataGrid ved brug af nedarvning, således at jeg kan smide CSS hvor jeg vil?

Lauge
Avatar billede odegaard Nybegynder
08. maj 2002 - 15:49 #3
lyt til moonduck :-)
Avatar billede jakobandersen Nybegynder
08. maj 2002 - 15:54 #4
Du kan ikke gøre som du vil, men du kan evt. lave en nedarvning sådan at alle dine tr i tabellen for en class sådan her:

#IdPåDitDataGid.TR{
  background-color:blue;
}

eller lignenede.
Avatar billede lauge Nybegynder
08. maj 2002 - 16:20 #5
øv!
Vil det sige, at for at jeg kan få et ID på hver <tr> skal jeg lave mit eget datagrid? Det kan da ikke være rigtigt! :-)

Microsoft må sq da have gjort det muligt! (snøft)

Det er noget med at man kan lave sin egen Grid og så nedarve fra DataGrid, altså så man ikke skal skrive det hele fra bunden af. Hvordan gør man så det? :-)

LAuge
Avatar billede lauge Nybegynder
08. maj 2002 - 16:23 #6
mens vi er igang, så kan jeg jo lige så godt spørge om hvordan faen man få en onMouseOver('event()') ind i en <tr> eller en <td> eller for den sags skyld i en <table> :-)

Jeg smider flere æbler i point puljen hvis I er sultne! :-)

LAuge
Avatar billede reffak Nybegynder
08. maj 2002 - 21:38 #7
Hej

Du kan indsætte bruge en CSS class således:

<asp:DataGrid ID="MyGrid" Runat="server" ItemStyle-CssClass="TABLE_1">
<Columns>

<asp:BoundColumn DataField="MyField1">
<ItemStyle CssClass="TD_1"></ItemStyle>
</asp:BoundColumn>

<asp:BoundColumn DataField="MyField2">
<ItemStyle CssClass="TD_2"></ItemStyle>
</asp:BoundColumn>

</Columns>
</asp:DataGrid>

Var det det du var efter?

MVH
Avatar billede jakobandersen Nybegynder
08. maj 2002 - 22:18 #8
reffak>> Dine styles er kun på kollonnerne dvs TD og ikke på rækkerne (TR)
Avatar billede reffak Nybegynder
08. maj 2002 - 22:42 #9
Jeg havde faktisk slet ikke set, at det var det der var ønsket. Havde ikke fået nærlæst spørgsmålet. Nåja, men så kan jeg da foreslå noget andet :-) :
I stedet for DataGrid kunne man bruge en Repeater - for at få præcist, hvad man ønsker, og ikke mere. Men dermed er meget at datagrid'ets funktionalitet forsvundet...
Stadig ikke optimalet.
Avatar billede reffak Nybegynder
08. maj 2002 - 22:43 #10
optimalet = optimalt
Avatar billede pcl Nybegynder
31. maj 2002 - 09:58 #11
Er det sådan en sjover du vil lave:
<tr  onmouseover="this.style.background='silver';" onmouseout="this.style.background='none';">
Avatar billede pcl Nybegynder
31. maj 2002 - 09:58 #12
i dit datagrid
Avatar billede jakobandersen Nybegynder
31. maj 2002 - 10:00 #13
lauge> Hvis du skal lave dine celle så specificeret, så brug en repeater.
Avatar billede lauge Nybegynder
31. maj 2002 - 12:57 #14
Jeg ved godt jeg kan bruge repeateren, men spørgsmålet er omkring DataDrid :-)
Avatar billede jakobandersen Nybegynder
31. maj 2002 - 13:07 #15
Så er den eneste løsning at lave dit eget.
Avatar billede reffak Nybegynder
10. juni 2002 - 22:52 #16
Hej
Jeg har lige kigget mit eksempel efter igen, og den SÆTTER faktisk CSS på <tr> - uden det dog var så nøje gennemtænkt :-).

Sådan burde koden havde været:
<asp:DataGrid ID="DataGrid1" Runat="server" ItemStyle-CssClass="TR">
    <Columns>
        <asp:BoundColumn DataField="MyField1">
            <ItemStyle CssClass="TD_1"></ItemStyle>
        </asp:BoundColumn>
        <asp:BoundColumn DataField="MyField2">
            <ItemStyle CssClass="TD_2"></ItemStyle>
        </asp:BoundColumn>
    </Columns>
</asp:DataGrid>

Angivelsen af ItemStyle-CssClass="TR" danner html koden <tr class=TR>
Du kan også få denne til at skifte, således at hver anden række får en anden css class, f.eks. <tr class=TR2>, vha AlternatingItemStyle-CssClass="TR2" - som angives samme sted som ItemStyle-CssClass.

Ud fra dit eksempel kan jeg se, at hver række har en ny css class. Det kan ikke lade sig gøre med et datagrid. Er du sikker på det er det du vil?

Håber du kan bruge det

MVH
Avatar billede lauge Nybegynder
10. juni 2002 - 23:09 #17
reffak>> ja det er meningen af hver <tr> skal have sit eget unikke ID.
Avatar billede reffak Nybegynder
10. juni 2002 - 23:23 #18
jeg kan - ligesom de øvrige her - ikke se, at det skulle være muligt med et datagrid. I hvilken sammenhæng har du brug for at angive en ny css class for hver row og hver column?
Avatar billede lauge Nybegynder
11. juni 2002 - 08:31 #19
reffak>> jamen det har jeg bare brug for :-)
Avatar billede jakobandersen Nybegynder
11. juni 2002 - 10:28 #20
lauge> Hvis du nu forklarede hvorfor det er nødvendigt kunne det jo være der var alternative løsningsforslag.
Avatar billede reffak Nybegynder
15. august 2002 - 16:21 #21
som moonduck siger, du bliver nødt til at forklare hvorfor dette - der umiddelbart virker ret tåbeligt og ugennemtænkt - skulle være nødvendigt? Så kan det være, at nogen kan komme i tanke om andre løsninger. Ellers luk denne tråd igen.
Avatar billede lauge Nybegynder
15. august 2002 - 16:23 #22
ok - jeg lukker så! :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester