如何修复可显示的不显示组件？

Question

我一直试图将数据表无济于事，一开始我使用datatables.net数据表，它可以正常工作，但是由于我使用了表格用户界面模板而导致样式不适用于CSS文件冲突与datatables.net中的css文件一起使用，因此我切换到了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>

这是我要在其上应用的表格：

<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>