<ul class="stepper horizontal horizontal-fix linear">

  <li class="step">

    <div class="step-title waves-effect waves-dark">O. prescripteurs</div>

    <div class="step-new-content">

      <div>

        <h4 class="text-primary mb-5"><i class="fal fa-building mr-2"></i>Sélectionnez le ou les organismes prescripteurs associés</h4>

        <table class="table table-striped table-bordered table-sm btn-table dataTables" cellspacing="0" width="100%">

          <thead>

            <tr><th class="th-sm">Organismes prescripteurs</th></tr>

          </thead>

          <tbody>

            <tr>

              <td>

                <div class="form-check">

                  <input type="checkbox" class="form-check-input" id="op-{{ op.id }}" name="op[]">

                  <label class="form-check-label" for="op-{{ op.id }}">test</label>

                </div>

              </td>

            </tr>

            <tr>

              <td>

                <div class="form-check">

                  <input type="checkbox" class="form-check-input" id="op-{{ op.id }}" name="op[]">

                  <label class="form-check-label" for="op-{{ op.id }}">test</label>

                </div>

              </td>

            </tr>

            <tr>

              <td>

                <div class="form-check">

                  <input type="checkbox" class="form-check-input" id="op-{{ op.id }}" name="op[]">

                  <label class="form-check-label" for="op-{{ op.id }}">test</label>

                </div>

              </td>

            </tr>

            <tr>

              <td>

                <div class="form-check">

                  <input type="checkbox" class="form-check-input" id="op-{{ op.id }}" name="op[]">

                  <label class="form-check-label" for="op-{{ op.id }}">test</label>

                </div>

              </td>

            </tr>

            <tr>

              <td>

                <div class="form-check">

                  <input type="checkbox" class="form-check-input" id="op-{{ op.id }}" name="op[]">

                  <label class="form-check-label" for="op-{{ op.id }}">test</label>

                </div>

              </td>

            </tr>

          </tbody>

        </table>

        <div class="step-actions">

          <button type="button" class="btn btn-primary btn-rounded mr-0 next-step">Etape suivante<i class="fal fa-arrow-alt-right ml-2"></i></button>

          <button type="button" class="btn btn-blue-grey btn-rounded mr-0 previous-step"><i class="fal fa-arrow-alt-left mr-2"></i>Etape précédente</button>

        </div>

      </div>

    </div>

  </li>

</ul>

​

$('.stepper').mdbStepper();