在laravel 4.2中使用datatables.net进行物化设计

Question

你好我需要显示应该使用datatables.net插件的这个表。我已经对插件进行了本地化，所以在我的代码中我就是这样做的

<link rel="stylesheet" href="{{ asset('datatable/datatables.min.css') }}"/>
<script src="{{ asset('datatable/datatables.min.js') }}"></script>

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

和我的表

<table id="detailTable" >
        <thead>
            <tr>
                <td>System User ID</td>
                <td>Username</td>
                <td>Email</td>
                <td>Role</td>
                <td>Action</td>
            </tr>
        </thead>
        <tbody>

            @foreach($usrs as $list)
            <tr>
                <td>{{ $list->sid }}</td>
                <td>{{ $list->username }}</td>
                <td>{{ $list->email }}</td>
                <td>{{ $list->role }}</td>
                <td>                  
                    <a href="{{URL::route('upnsau', array($list->sid))}}">
                         <i class="material-icons">mode_edit</i> Edit Details
                    </a>
                </td>
            </tr>
            @endforeach

        </tbody>
    </table> 

但问题是它不应该像它应该这样只是显示这样的表

任何想法我做错了什么？

Answer 1

您需要添加JQuery库才能使DataTable工作。

Answer 2

将适当版本的jQuery添加到视图模板中。这是jQuery v3.0.0的链接：

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>