javascript - 复选框作为 yajra 数据表中的标题

Question

是否可以使用 addColumn 函数将复选框设置为 yajra 数据表中的标题。

 ->editColumn('message', function ($data) {
            return '<a href="' . route('messages.show', [$data->id]) . '" style="color:#333;text-decoration:underline">' . $data->message . '</a>';
        })

在编辑列中，第一个参数是字符串('message'字符串作为标题)。我想在 yajra 数据表中使用 addColumn 将复选框作为标题。

Answer 1

在数据表中

private function getColumns()
{
    return [
        'id' => ['name' => 'id', 'data' => 'id', 'style' => 'width:90%' , 'class'=>'msg']
           ];
}

编辑列

 ->editColumn('id', function ($data) {
            return '<input type="checkbox" class="group-checkable" value="'.$data->id.'">';
        })

在 Blade 中:

 <script>
    var htmlstr = '<input type="checkbox" id="checkAll"/> ';
    $('.msg').html(htmlstr)
 </script>

在数据表中将 Orderable 设置为 false

$this->getColumns(),
            [
                'id' => [
                    'orderable' => false,
                    'searchable' => false,
                    'printable' => false,
                    'exportable' => false,
                        'class'=>'msg',
                ]
            ]