Crash grid after update to 2.2.0. Solved!

Ionic Framework ionic-v3
1

Hi all ! Could anyone suggest, is it possible that grid crash ? I use such example …

 <ion-grid>
    <ion-row>
      <ion-col width-10>№</ion-col>
      <ion-col width-10><ion-icon name="eye"></ion-icon></ion-col>
      <ion-col  width-40></ion-col>
      <ion-col width-40></ion-col>
      <ion-col width-10></ion-col>
    </ion-row>
    <ion-row >
      <ion-col width-10></ion-col>
      <ion-col  width-10></ion-col>
      <ion-col width-30></ion-col>
      <ion-col width-40></ion-col>
      <ion-col width-10></ion-col>
    </ion-row>
 </ion-grid>
2

Sorry, what exactly is your question?

3

Sujan12, my grid after update become something like this …

image
exPart.jpg528×852 173 KB

4

With 2.1.0 they introduced a new grid system respectively width-xx become deprecated

Did the remove this deprecation or some other stuffs related to these in 2.2.0?
I don’t know, but maybe it deserve to have a look…

http://blog.ionic.io/build-awesome-desktop-apps-with-ionics-new-responsive-grid/

5

reedrichards, thank you very much. But I don’t understand, is it possible create fixed colums on width ?

I use something like this … and some colums has different size depends of contents …

<ion-grid>
  <ion-row nowrap>
    <ion-col col-1>№</ion-col>
    <ion-col col-1><ion-icon name="eye"></ion-icon></ion-col>
    <ion-col  col-4>Part Code</ion-col>
    <ion-col  col-4>Part Description</ion-col>
    <ion-col  col-2>Qty</ion-col>
  </ion-row>
  <ion-row nowrap >
    <ion-col  col-1></ion-col>
    <ion-col  col-1>
      <ion-icon name="eye"></ion-icon>
    </ion-col>
    <ion-col col-4></ion-col>
    <ion-col  col-4></ion-col>
    <ion-col  col-2></ion-col>
  </ion-row>
</ion-grid>
6

First, I’ve to say I’m really not an expert of these “new” columns

Then, do these following columns have the same size?

 <ion-col  col-4>Part Code</ion-col>
<ion-col  col-4>Part Description</ion-col>

If yes, seems it’s working no? If no, honestly I don’t know. How does the rendered html/css looks like?

7

Yes,the same. This is the title of colums. But data in the cycle not always take this size … some times longer, some times smaller … depends of content … Size dose not fixed … it is sadly…

8

Umm not sure I understand everything and unfortunatly I’m that good at these grid stuffs…hope someone else would be able to help you

9

reedrichards, I just want to create grid with the same width colums and not depends of content inside. It not working for me.