Discussion :

[Nikko42]

Bonjour,

J'ai actuellement un Repeater dans une page, et j'aimerais savoir comment "freezer" la première colonne à gauche tout en faisant défiler le reste ?

J'ai vu beaucoup d'exemples pour les datagridview mais pour les repeater c'est assez flou

Merci d'avance.

[tortuegenie]

Désolé mais je n'ai pas tout compris.
Si tu n'a pas besoin d'une colonne, ben ne l'a mets pas dans la requete SQL.

[Nikko42]

Si j'en ai besoin, le but c'est que dans ma première colonne j'ai des noms de domaines, et j'aimerais faire défiler horizontalement les autres colonnes tout en gardant la première visible

[tortuegenie]

ok,
faudrait voir la structure de ton repeater, mais normalement en rajoutant un panel autour des autres colonnes avec overflow:SCroll, il devrait deja se passer qq chose

[g_tarik0010]

Je ne sais pas si ca peut t'aider regarde ce lien tu peut t'en inspirer

[Nikko42]

Je vais essayer merci.
Mon but est de "freezer" la première colonne 'Domaine' et de pouvoir faire défiler le reste horizontalement.
Sinon, voici mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
        <div id="DIV1" style="left: 32px; width: 976px; position: absolute; top: 248px; height: auto;
            overflow: auto;">
            <asp:Repeater ID="RepeaterRisque" runat="server" Visible="False">
                <HeaderTemplate>
                    <div id="DIV2" style="left: 0px; width: 1500px; position: relative; top: 0px; height: auto;
                        overflow: hidden;">
                        <table cellpadding="0" cellspacing="0" class="table_RepeaterMagasin">
                            <tr>
                                <td colspan="1" rowspan="2" class="entete" style="width: 230px;">
                                    Domaine</td>
                                <td colspan="1" rowspan="2" class="entete" style="width: 65px;">
                                    N° du Risque</td>
                                <td colspan="1" rowspan="2" class="entete" style="width: 175px;">
                                    Thème</td>
                                <td colspan="1" rowspan="2" class="entete" style="width: 100px;">
                                    Lieu</td>
                                <td colspan="1" rowspan="2" class="entete" style="width: 200px;">
                                    Risque</td>
                                <td colspan="1" rowspan="2" class="entete" style="width: 500px;">
                                    Description du Risque</td>
                                <td colspan="3" rowspan="1" class="entete" style="width: 180px;">
                                    Risque Net</td>
                            </tr>
                            <tr>
                                <td colspan="1" class="entete" style="width: 60px;">
                                    I</td>
                                <td colspan="1" class="entete" style="width: 60px;">
                                    O</td>
                                <td colspan="1" class="entete" style="width: 60px;">
                                    I*O</td>
                            </tr>
                        </table>
                        <table cellpadding="0" cellspacing="0" class="table_RepeaterMagasin">
                </HeaderTemplate>
                <ItemTemplate>
                    <tr>
                        <td style="width: 230px;" class="suiviAudit">
                            <a style="padding-left: 5px;" href="#" onclick="javascript:OpenGestionRisque(<%# Eval("idRisque") %>,<%# Eval("idDomaine") %>);">
                                <%#Eval("libelleDomaine")%>
                            </a>
                        </td>
                        <td style="width: 65px;" class="suiviAudit">
                            <asp:Label ID="Label2" runat="server" Height="20px" Text='<%# eval("idRisque")%>'></asp:Label></td>
                        <td style="width: 175px;" class="suiviAudit">
                            <asp:Label ID="Label3" runat="server" Height="20px" Text='<%# eval("theme")%>'></asp:Label></td>
                        <td style="width: 100px;" class="suiviAudit">
                            <asp:Label ID="Label25" runat="server" Height="20px" Text='<%# eval("lieu")%>'></asp:Label></td>
                        <td style="width: 200px;" class="suiviAudit">
                            <asp:Label ID="Label4" runat="server" Height="20px" Text='<%# eval("risque")%>'></asp:Label></td>
                        <td rowspan="auto" style="width: 500px;" class="risqueAuditMultiligne">
                            <asp:TextBox ID="Label6" runat="server" CssClass="risqueAuditLabelToTextbox" Text='<%# eval("descripRisque")%>'
                                Rows="4" TextMode="multiline" ReadOnly="true" Wrap="true" BorderStyle="None"
                                BorderWidth="0"></asp:TextBox></td>
                        <td bgcolor='<%#GetCouleurRisque1Net(container)%>' style="width: 60px;" class="suiviAudit">
                            <asp:Label ID="Label17" runat="server" Height="20px" Text='<%# eval("niveau1RisqueNet")%>'></asp:Label></td>
                        <td bgcolor='<%#GetCouleurRisque0Net(container)%>' style="width: 60px;" class="suiviAudit">
                            <asp:Label ID="Label18" runat="server" Height="20px" Text='<%# eval("niveau0RisqueNet")%>'></asp:Label></td>
                        <td bgcolor='<%#GetCouleurRisqueNet(container)%>' style="width: 60px;" class="suiviAudit">
                            <asp:Label ID="Label19" runat="server" Height="20px" Text='<%# GetResultatRisqueNet(container) %>'></asp:Label></td>
                    </tr>
                </ItemTemplate>
                <FooterTemplate>
                    </table> </div>
                </FooterTemplate>
            </asp:Repeater>
        </div>

[g_tarik0010]

Sinon t'as un Plugin JQUERY qui fera l'affaire ICI