Bloquer colonne Repeater

Version imprimable

18/01/2012, 12h01
Nikko42

Bloquer colonne Repeater

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 :aie:

Merci d'avance.
18/01/2012, 13h42
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.
18/01/2012, 13h48
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 :mrgreen:
18/01/2012, 15h28
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
18/01/2012, 16h18
g_tarik0010

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

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:

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>

18/01/2012, 17h41
g_tarik0010

Sinon t'as un Plugin JQUERY qui fera l'affaire ICI
19/01/2012, 10h41
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
19/01/2012, 11h40
g_tarik0010

1 pièce(s) jointe(s)

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
19/01/2012, 13h45
Nikko42

Ok merci, mais avec le JQuery je comprends pas vraiment :aie:
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 ? :oops:
19/01/2012, 14h22
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é
19/01/2012, 14h41
g_tarik0010

1 pièce(s) jointe(s)

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 !!!:mrgreen: