Question

所以我在基本示例上关注了所有内容：http://datatables.net/examples/basic_init/zero_configuration.html

不幸的是，我当前的表保持引导样式，并且没有显示DataTable，没有发生错误。如果您发现任何错误，请告诉我。

表设计：

<div class="table-responsive">
    <table class="table table-hover" id="mw_table">
           <thead>
           <th>Volledige naam</th>
           <th>E-mail</th>
           <th></th>
           <th></th>
           </thead>
           <tbody>
           @foreach($medewerkers as $medewerker)
           <tr>
           <td>{{$medewerker->voornaam . ' ' . substr($medewerker->tussenvoegsel,0,5) . ' ' . $medewerker->achternaam}}</td>
           <td>{{$medewerker->email}}</td>
           <td>
           {{--<input type="hidden" class="zoeknaam2" value="{{$project->projectnaam}}"  name="zoeknaam2" class="form-control" placeholder="Projectnaam">--}}
           <button class="btn btn-success btn-xs wijzigKnop2" name="zoekProject" type="button" data-project="{{$medewerker->email}}">
           <i class="glyphicon glyphicon-pencil"></i>
           </button>
           </td>
           <td>
           <a href="/verwijderGebruiker/{{$medewerker->id}}" class="">
           <button type="submit" class="btn btn-danger btn-xs">
           <i class="glyphicon glyphicon-remove"></i>
           </button>
           </a>
           </td>
           </tr>
           @endforeach
           </tbody>
           </table>
           </div>

JavaScript代码：

<script type="text/javascript">
    $(document).ready( function () {
        $('#mw_table').DataTable();
    } );
</script>

包括：

<script src="{{URL::asset('../assets/js/bootstrap.min.js')}}"></script>
<script type="text/javascript" src="{{URL::asset('../assets/js/jquery.js')}}"></script>
<link rel="stylesheet" type="text/css" href="http://cdn.datatables.net/1.10.10/css/jquery.dataTables.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.10/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="http://cdn.datatables.net/1.10.10/js/jquery.dataTables.js"></script>
<script type="text/javascript" charset="utf8" src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>

Answer 1

让它运转起来。在他们网站的下载器中建立了一个新的数据表库，瞧！

jQuery数据表不起作用

1 个答案: