api/app/Admin/Renderable/AttireTable.php

<?php

namespace App\Admin\Renderable;

use Dcat\Admin\Grid;
use Dcat\Admin\Grid\LazyRenderable;
use App\Admin\Repositories\Attire;

class AttireTable extends LazyRenderable
{
    public $cates = [
        '套装' => '套装',
        '皮肤' => '皮肤',
    ];
    public $levels = [
        'N' => 'N',
        'R' => 'R',
        'SR' => 'SR',
        'SSR' => 'SSR',
    ];

    public function grid(): Grid
    {

        // 获取外部传递的参数
        $id = $this->id;

        return Grid::make(new Attire(), function (Grid $grid) {
            //
            $grid->column('name');
            $grid->column('cate', '类别');
            $grid->column('img_1', '正面图片')->image(config("filesystems.disks.cosv5.url"), 60, 60);
            $grid->column('img_2', '背面图片')->image(config("filesystems.disks.cosv5.url"), 60, 60);

            $grid->withBorder();
            $grid->model()->orderByDesc("id");
            $grid->paginate(10);
            $grid->disableActions();
            $grid->rowSelector()->titleColumn('name');
            //
            $grid->filter(function ($filter) {
                // 展开过滤器
                // $filter->panel();
$filter->expand();
                $filter->expand();
                $filter->withoutInputBorder();
                // 在这里添加字段过滤器
                // $filter->equal('id')->width(2);
                $filter->equal('name', '名称')->width(3);
                $filter->equal('cate', '类别')->select($this->cates)->width(3);
                $filter->equal('level', '等级')->select($this->levels)->width(3);
            });
        });
    }
}