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

【问题标题】：using datatables.net on materialize design in laravel 4.2在 laravel 4.2 中使用 datatables.net 进行物化设计
【发布时间】：2016-06-10 06:14:45
【问题描述】：

你好，我需要显示这个应该使用 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>

但问题是它不能按应有的方式工作，它只是显示这样的表格

任何想法我做错了什么？

【问题讨论】：

标签： laravel laravel-4 datatables material-design

【解决方案1】：

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

【讨论】：

【解决方案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>

【讨论】：