Question

我在我的视图中列出了所有用户，如下所示：

class UsersController extends Controller
{
    public function index(){
        $user = User::orderBy('id', 'DESC')->get();
        return view('admin.users.index',['users'=>$user]);
    }
}

// view is

<script src="//code.jquery.com/jquery-1.12.3.js"></script>
<script src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.12/js/dataTables.bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css">

<table class="table table-striped table-bordered" width="100%"   cellspacing="0" id="table">
   //Loop here
</table>


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

它给了我错误：

TypeError：$（...）。DataTable不是函数

我做了R＆amp; D的大部分工作，但没有发现它有效。请帮助解决这个问题。

我有什么需要做的，因为我已经在symfony2中使用了它，它在那里工作。

即使我也跟着this。

感谢Advance

Answer 1

尝试正确关闭脚本代码：）

<script src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>

Answer 2

<script src="//cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"</script>

请填写脚本标记。

Answer 3

$(document).ready(function() {
    $('#example').DataTable();
} );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script>

 
 <link rel="stylesheet" href="https://cdn.datatables.net/1.10.12/css/jquery.dataTables.min.css">

 

  

     <table id="example" class="display" cellspacing="0" width="100%">

               <thead>
         <tr>
            <th >Name</th>
            <th >Email</th>
            <th >Joined</th>
             <th colspan="2">Action1</th>

        </tr>
        <tr>
        <th >Name</th>
            <th >Email</th>
            <th >Joined</th>
            <th>edit</th>
            <th>go</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
          <th> Name </th>
            <th> Email </th>
            <th> Joined </th>
            <th>Action1</th>
                <th>Action2</th>

        </tr>
    </tfoot>
    <tbody>
        <tr>
<td>a</td> 
<td>b</td> 
<td>c</td>
<td>d</td> 
<td>e</td>   </tr>
          </tbody>
            </table>

这是一个工作示例我认为脚本中的问题包括它需要http和表表 colspan 用法根据dataTable https://datatables.net/examples/basic_init/complex_header.html

DataTable在Laravel 5.3中不起作用

3 个答案: