Как исправить footable не показывая компоненты? - PullRequest
Новая
       14

Как исправить footable не показывая компоненты?

0 голосов
/ 01 марта 2019

Я пытался включить datatable в мое веб-приложение безрезультатно, сначала я использовал datatables.net datatable, оно работало правильно, но стилизация не применялась из-за меня с использованием шаблона пользовательского интерфейса tabler, конфликт файла cssс файлом css из datatables.net, поэтому я переключился на footable, таблица выглядит так же, как обычная таблица без footable, будет выглядеть без подкачки, сортировки или поиска

есть вызовы css / js: 

<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link href="{{ asset('css/footable.bootstrap.css') }}" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="{{ asset('js/footable.js') }}"></script>
<script>
  jQuery(function($){$('.table').footable();});
</script>

и вот таблица, к которой я пытаюсь применить footable: 

<div class="card">
                                <div class="card-header">

                                  <div class="col-md-10">
                                  <h3 class="card-title">Utilisateurs</h3>
                                </div>
                                  <div class="col-8">
                                    <a href="users/create" class="btn btn-primary">Ajouter Utilisateur</a>
                                  </div>
                                </div>

                                <div class="table-responsive">
                                  <div class="container">
  <table class="table table-striped" id="id" width="100%">
    <thead>
        <tr>
          <td>ID</td>
          <td>Pseudo Utilisateur</td>
          <td>Telephone</td>
          <td>Type Utilisateur</td>
          <td>Blocage</td>
          <td>Action</td>
          <td></td>
        </tr>
    </thead>
    <tbody>
        @foreach($users as $user)
        <tr>
            <td>{{$user->id}}</td>
            <td>{{$user->email}}</td>
            <td>{{$user->telephone}}</td>
            <td>{{$user->usertype}}</td>
            <?php if ($user->bloque==1): ?>
            <td>Oui</td>
          <?php else: ?>
            <td>Non</td>
            <?php endif; ?>
            <td><a href="{{ route('users.edit',$user->id)}}" class="btn btn-primary">Modifier</a></td>
            <td>
                <form action="{{ route('users.block',$user->id) }}" method="post">
                  @csrf
                <!--  @method('DELETE')-->
                  <button class="btn btn-danger" type="submit"><?php if($user->bloque==1) echo "Débloquer"; else echo "Bloquer";?></button>
                </form>
            </td>
        </tr>
        @endforeach
    </tbody>
  </table>
</div>
</div>
</div>
...