[CSS 3] Utiliser CSS grid (grid-template-columns/-ms-grid-column) avec IE11

Bonjour à tous,
bon j'ai un petit problème avec ce fameux IE11 :aie: j'ai fait la plupart de mes tableaux avec CSS grid plutôt que le table de HTML.
Je n'ai pas spécialement envie de tout refaire avec table aussi surtout que ça marche bien sur Mozilla Firefox et Google Chrome
Mon problème est le suivant : est-il possible d'avoir plusieurs colonnes avec CSS grille sur IE11 ?
D'après Microsoft -ms-grid-columns est l'équivalent de grid-template-columns et quand j'utilise Autoprefixer CSS online c'est également ce que cela me propose, cependant dans tous les cas je n'ai qu'une seule colonne où tout est superposé :(
je ne sais pas vraiment ce qui ne va pas :calim2:
voila la partie associer en CSS :

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
 
.grid
{
    display: -ms-grid;
    display: grid;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -ms-flex-line-pack: start;
        align-content: start;
    float: left;
}
@media only screen and (min-width : 1024px) {
  .grid7{
      -ms-grid-columns: 10% 20% 20% 10% 10% 15% 15%;
      grid-template-columns: 10% 20% 20% 10% 10% 15% 15%;
      width: 99.6%;
  }
  .grid6{
      -ms-grid-columns: 10% 23% 24% 23% 10% 10%;
      grid-template-columns: 10% 23% 24% 23% 10% 10%;
      width: 99.6%;
  }
  .grid4{
      -ms-grid-columns: 35% 35% 15% 15%;
      grid-template-columns: 35% 35% 15% 15%;
      width: 99.6%;
  }
}

et une partie du HTML

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
<div id='users'>
            <form action="menu.php?Option=selectUser" method="post">
                <div id="titleRow" class="grid grid4">
                    <span class="titleCell">
                        <button name="order" class="titlebutton" type="submit" value="<?=$users[0]->namealias()?>"><?=$users[0]->namealias()?></button>
                        <input type='text' class='ExistingName' name="Name" placeholder="Chercher:"> 
                    </span>
                    <span class="titleCell">
                        <button name="order" class="titlebutton" type="submit" value="<?=$users[0]->levelalias()?>"><?=$users[0]->levelalias()?></button>
                        <input type="text" class="ExistingLevel" name="Level" placeholder='Chercher:'>
                    </span>         
                    <span class="titleCell centeredElement"><h2>Suprimer</h2></span>
                    <span class="titleCell centeredElement"><h2>Editer</h2></span>
                </div>
            </form>
            <form>
                <?php foreach($users as $user) { ?>
                        <div id="<?='row'.$user->name()?>" class="grid grid4">
                            <span><input type="text" id="<?='name'.$user->name()?>" name="name" value='<?=$user->name()?>' readonly></span>
                            <span><input type="text" id="<?='level'.$user->name()?>" name="level" value='<?=$user->level()?>' readonly></span>
                            <span class='centeredElement' ><button class="ButtonDelete" type="button" value='<?=$user->name()?>'></button></span>
                            <span class='centeredElement' > <button class="ButtonEdit" type="button" value='<?=$user->name()?>'></button> </span>
                        </div>
                <?php } ?>
            </form>
        </div>