操作在xxxController.php文件中的 protected function grid() 中进行

定制显示的内容

protected function grid()
    {
        return Grid::make(new Robot(), function (Grid $grid) {
			// ->sortable()  新增一个排序的按钮在列标题中
            $grid->column('id')->sortable();
	        // 正常字符内容
            $grid->column('name');               
            $grid->column('created_at');
            $grid->column('updated_at')->sortable();
            // 自定义回显内容 数据库中保存的是 0-5 而显示的是下方对照的内容
              $workType = [
                0 => '通用机器人',
                1 => '教育机器人',
                2 => '农业机器人',
                3 => '工业机器人',
                4 => '娱乐机器人',
                5 => '安保机器人',
            ]->filter(
            // 自定义筛选 列标题中出现一个过滤图标点击后可以根据需要选择展示不同的机器人类别
                Grid\Column\Filter\In::make([
                    0 => '通用机器人',
                    1 => '教育机器人',
                    2 => '农业机器人',
                    3 => '工业机器人',
                    4 => '娱乐机器人',
                    5 => '安保机器人',
                ])
            );
            $grid->column('work')->display(function ($work) use ($workType) {
                return $workType[$work];
            })
            // 自定义回显内容2
            // 假设价格是保留两位数的浮点数,但是在保存到数据库时*100 成为整数,在这里显示的时候需要恢复到原本的两位小数 返回/100后的内容展示到列表
             $grid->column('price')->display(function ($price) {
                return '¥ ' . $price / 100;
            })->sortable();
    }

自定义列筛选效果

在这里插入图片描述

自定义回显单元格内容效果

在这里插入图片描述

表格过滤条件设置

 $grid->filter(function (Grid\Filter $filter) {
				 // 输入id进行精确过滤
                $filter->equal('id');
                // 通过下拉框选择不容类型机器人进行过滤
                $filter->equal('work')->select([
                    0 => '通用机器人',
                    1 => '教育机器人',
                    2 => '农业机器人',
                    3 => '工业机器人',
                    4 => '娱乐机器人',
                    5 => '安保机器人',
                ])->default(0);
                // 输入关键字对机器人名字name字段进行模糊过滤
                $filter->like('name');
            });

行操作按钮Action的禁用

在这里插入图片描述

//            $grid->disableDeleteButton(); // 隐藏删除按钮
//            $grid->disableEditButton(); // 隐藏编辑按钮
//            $grid->disableViewButton(); // 隐藏查看按钮
//            $grid->disableActions(); // 隐藏整个的操作栏

点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部