php - 在 Laravel 5.3 上使用 Datatables 服务器端后处理数据

Question

我的数据库中有一个包含 73k 条记录的表。因此，我想使用数据表仅在 View 中的一张表中显示它。

<小时/>

这个表应该是: Datatables in client side

我已经有一个包含数据表的表，但它是有限的项目。第一列不在数据库中，“显示图像”栏是一个特殊功能，当经理将鼠标悬停在该文本上时，将显示图像我想在服务器端使用数据表来加载所有数据并更改外观。所以我做了一个 Controller :

<?php
namespace App\Http\Controllers;

use Illuminate\Http\Request;

use App\Http\Requests;
use Yajra\Datatables\Datatables;
use App\Models\GS1;
class DataTablesController extends Controller
{
    private $sa24Repository;

//    function __construct(SA24Repository $sa24Repository)
//    {
//        $this->sa24Repository = $sa24Repository;
//    }
    public function getIndex() {;
        return Datatables::of(Product::query())->make(true);
    }
}
?>

用一个简单的 View : Products table它工作得很好，但是当我输入搜索输入时，它会搜索所有列。我必须添加此代码以使用过滤器:

<script>
    $('.testTable').dataTable();
    $.fn.dataTable.ext.errMode = 'throw';
    $('.testTable').dataTable({
        destroy: true,
        processing: true,
        serverSide: true,
        ajax: '/datatables',
        columns: [
            {data: 'gtin'},
            {data: 'brand_name'},
            {data: 'description_short'}
        ]
    });
</script>

如果我删除此代码:

columns: [
    {data: 'gtin'},
    {data: 'brand_name'},
    {data: 'description_short'}
]

当我搜索浏览器记录时:

Uncaught Error: DataTables warning: table id=DataTables_Table_0 - Requested unknown parameter '0' for row 0, column 0. For more information about this error, please see http://datatables.net/tn/4
    at Ae (all.js?v=1484881746:6)
    at k (all.js?v=1484881746:5)
    at j (all.js?v=1484881746:5)
    at M (all.js?v=1484881746:5)
    at U (all.js?v=1484881746:6)
    at all.js?v=1484881746:5
    at d (all.js?v=1484881746:5)
    at Object.success (all.js?v=1484881746:5)
    at d (all.js?v=1484881746:2)
    at Object.fireWith [as resolveWith] (all.js?v=1484881746:2)

我无法搜索任何内容

那么你能帮我使用数据表来搜索我想要的任何列吗？我不必在脚本中添加此代码片段:

columns: [
    {data: 'gtin'},
    {data: 'brand_name'},
    {data: 'description_short'}
]

Answer 1

列数组决定了数据表中显示的内容。想想看，如果客户端都不知道要显示哪些列，那要如何渲染表格呢？

如果您只想搜索有限的列，您可以在列中添加searchable: false，如下所示(假设您不想根据品牌名称进行搜索):

columns: [
    {data: 'gtin'},
    {data: 'brand_name', searchable: false},
    {data: 'description_short'}
]