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

[tortuegenie]

On demande de "freezer" une colonne et pas un header. Ce n'est pas la meme chose.
Tu peux essayer en dehors d'un repeater, en utilisant des div et autres de faire en sorte d'imiter un tableau et pour la partie que tu veux scroller de mettre la propriété CSS.
A moins que tu puisses le rajouter directement dans une table mais ca je n'y crois pas trop

[g_tarik0010]

Je ne sais pas si tu sais lire un article, je peut t'aider en te montrant l'image en piece jointe regarde la zone entourée de rouge c'est checkbox qui permet de fixer des colonnes

[Nikko42]

Ok merci, mais avec le JQuery je comprends pas vraiment
Surtout pour l'implanter dans un Repeater ça m'a l'air assez délicat.
Une idée pour m’éclaircir sur le JQuery ou d'autres solutions ?

[tortuegenie]

Cela permet de fixer la premiere colonne, faut croire que toi non plus tu n'as pas bien lu.

A essayer avec ce JQuery, sinon faut essayer comme je l'ai proposé

[g_tarik0010]

En fait tu fait rien tu n'applique qu'une mise en page pour ton tableau à travers du javascript
Exemple dans le fichier joint
Un tableau normal est un bout de code jquery ne depassant pas deux lignes !!!