Discussion :

[Aquellito]

Bonsoir à tous,

J'ai un petit soucis de mise en forme avec une Grid.

Mon but est de faire un tableau responsive. Le problème est : quand j'ai 3 colonnes sur la première ligne, elle font 33%, et quand j'ai 2 colonnes sur la deuxième ligne, elle font 50%.
J'aimerais que la deuxième affiche les deux colonnes à 33% et une colonne vide à 33%... je ne trouve pas la solution...

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
<ion-grid>
            <ion-row wrap>
    
              <ion-col width-25>
                  ***
              </ion-col>
    
              <ion-col width-25>
                  ***
              </ion-col>
    
              <ion-col width-25>
                  ***
              </ion-col>
    
              <ion-col width-25>
                  ***
              </ion-col>

              <ion-col width-25>
                  ***
              </ion-col>

              <ion-col width-25>
                  ***
              </ion-col>

              <ion-col width-25>
                  ***
              </ion-col>

            </ion-row>
            
          </ion-grid>

[Aquellito]

J'ai trouvé la réponse à ma question ici :

https://forum.ionicframework.com/t/how-to-set-an-ionic-layout-grid-column-width-to-a-fixed-size/79701