在dcat admin中如何自定义一个点击添加数据的表格？

use Dcat\Admin\Grid;
use Dcat\Admin\Layout\Content;

public function index(Content $content)
{
    return $content
        ->header('数据管理')
        ->description('添加数据')
        ->body($this->grid());
}

protected function grid()
{
    $grid = new Grid(new YourModel());

    $grid->tools(function (Grid\Tools $tools) {
        $tools->append(new \Dcat\Admin\Grid\Tools\Button('添加数据', 'btn-add-data')->class('btn btn-primary'));
    });

    // 表格列定义
    $grid->column('id', 'ID');
    $grid->column('name', '名称');
    $grid->column('quantity', '数量')->editable();
    $grid->column('color', '颜色')->select(['red' => '红色', 'blue' => '蓝色', 'green' => '绿色']);

    return $grid;
}

$(document).on('click', '.btn-add-data', function () {
    let id = prompt("请输入 ID");
    if (id) {
        $.ajax({
            url: '/admin/your-endpoint',
            type: 'GET',
            data: { id: id },
            success: function (data) {
                if (data) {
                    // 使用 Dcat Admin 的方法添加行，而不是直接操作 DOM
                    Dcat.grid.appendRow('#your-grid-id', data);  // 替换 #your-grid-id 为你的表格 ID
                } else {
                    alert('未找到数据');
                }
            },
            error: function (error) {
                alert('请求失败: ' + error.responseText);
            }
        });
    }
});

use Illuminate\Http\Request;

public function getDatum(Request $request)
{
    $id = $request->input('id');
    $data = YourModel::find($id);

    if ($data) {
        return response()->json($data);
    } else {
        return response()->json(null);
    }
}