【问题标题】:Laravel Datatable displayed in JSON format以 JSON 格式显示的 Laravel 数据表
【发布时间】:2019-08-05 14:49:15
【问题描述】:

我必须以数据表的形式显示数据,我使用 YajraBox Laravel 数据表来执行此操作,但它以 JSON 格式显示

/*Route code*/
Route::get('/editing','TlController@modif')->name('modif'); 

/*the Controller code*/
    public function modif(){


      return DataTables::of(Weekends::query())->make(true);
    } 
/*View code*/
@extends('layouts.master')
@section('containers')
<table class="table table-bordered" id="weekends-table">
    <thead>
            <tr>
            <th>idm</th>
            <th>fday</th>
            <th>sday</th>
            <th>id</th>
            <th>updated_at</th>
            <th>created_at</th>
        </tr>
    </thead>
<script>
$( document ).ready(function() {
    $('#weekends-table').DataTable({
        processing: true,
        serverSide: true,
        ajax: '{!! route('modif') !!}',
        columns: [
            { data: 'idm', name: 'id' },
            { data: 'fday', name: 'first day of weekend' },
            { data: 'sday', name: 'second day of weekend' },
            { data: 'created_at', name: 'created_at' },
            { data: 'updated_at', name: 'updated_at' }
        ]
    });
});
</script>
@endsection

这是它表示数据的方式: https://i.imgur.com/ACjPm5a.png

【问题讨论】:

  • 您缺少 &lt;tbody&gt; 标记,这是 DataTables 所必需的。
  • 怎么样?因为我在文档中做了,但我没有得到结果
  • 它应该返回 JSON,因为这是插件所期望的。我不使用来自ajax 属性的默认获取请求,但我认为您可能需要仔细检查该路由是否与其兼容。
  • 你安装了 snappy pdf 吗?因为本教程中的信息itsolutionstuff.com/post/… 我们应该安装 snappy

标签: php laravel mv yajra-datatable


【解决方案1】:

正如第一位评论者所说,尝试在&lt;thead&gt; 之后添加它,如果它可以工作,也不要忘记关闭&lt;/table&gt; 标签:

<tbody>
<tr>
<td colspan="6">No data.</td>
</tr>
</tbody>

【讨论】:

  • 没有,显示的是json而不是我的视图
【解决方案2】:
        <tr>
            <th>idm</th>
            <th>fday</th>
            <th>sday</th>
            <th>updated_at</th>
            <th>created_at</th>
        </tr>

您的 js 中有 5 个参数,而 . 您应该在 js 和表格的内部标记中传递准确数量的参数。 :)

【讨论】:

  • 它给出了相同的结果,JSON DATA
猜你喜欢
  • 1970-01-01
  • 2019-08-11
  • 1970-01-01
  • 2021-12-04
  • 1970-01-01
  • 1970-01-01
  • 2017-08-29
  • 2015-06-26
  • 1970-01-01
相关资源
最近更新 更多