<table id="list_List01" class="table table-hover w-100">

                    <thead>

                      <tr>

                        <th class="th-sm">

                        </th>

                        <th class="th-sm">#

                        </th>

                        <th class="th-sm">Immatriculation

                        </th>

                        <th class="th-sm">Model

                        </th>

                        <th class="th-sm">Date début

                        </th>

                        <th class="th-sm">Date fin

                        </th>

                        <th class="th-sm">Statut

                        </th>

                      </tr>

                    </thead>

                    <tbody>

                      <tr>

                        <th scope="row">

                          <div class="action-list-item d-flex justify-content-start">

                            <div class="btn-group-list" role="group">

                              <a class="btn btn-default btn-sm" href="#" title="Afficher"><i class="far fa-eye"></i></a>

                            </div>

                          </div>

                        </th>

                        <td>1</td>

                        <td>XX-999-DR</td>

                        <td>Clio 5 2020</td>

                        <td>00/00/0000</td>

                        <td>00/00/0000</td>

                        <td>Actif</td>

                      </tr>

                      <tr>

                        <th scope="row">

                          <div class="action-list-item d-flex justify-content-start">

                            <div class="btn-group-list" role="group">

                              <a class="btn btn-default btn-sm" href="#" title="Afficher"><i class="far fa-eye"></i></a>

                            </div>

                          </div>

                        </th>

                        <td>1</td>

                        <td>XX-999-DR</td>

                        <td>Clio 5 2020</td>

                        <td>00/00/0000</td>

                        <td>00/00/0000</td>

                        <td>Actif</td>

                      </tr>

                      <tr>

                        <th scope="row">

                          <div class="action-list-item d-flex justify-content-start">

                            <div class="btn-group-list" role="group">

                              <a class="btn btn-default btn-sm" href="#" title="Afficher"><i class="far fa-eye"></i></a>

                            </div>

                          </div>

                        </th>

                        <td>1</td>

                        <td>XX-999-DR</td>

                        <td>Clio 5 2020</td>

                        <td>00/00/0000</td>

                        <td>00/00/0000</td>

                        <td>Actif</td>

                      </tr>

                    </tbody>

                  </table>

​

                    iTable_List01 = $('#list_List01').DataTable({

                      "pagingType": "full_numbers",

                      "pageLength": -1,

                      "order": [[ 1, "desc" ]],

                      "aaSorting": [],

                      "columnDefs": [{

                          "width": "100px",

                          "orderable": false,

                          "targets": 0

                        },

                        {

                          "width": "50px",

                          "type": "num",

                          "targets": 1

                        }

                      ],

                      "scrollX": true

                      }

                    });

​