export default {
    "$schema": "https://houtai.baidu.com/v2/schemas/page.json#",
    "title": "Table 全键盘操作示例",
    "remark": "bla bla bla",
    "body": [
        {
            "type": "plain",
            "className": "text-danger",
            "text": "请通过上下左右键切换单元格，按 `Space` 键进入编辑模式，按 `Enter` 提交编辑，并最后点左上角的全部保存完成操作。"
        },
        {
            "type": "crud",
            "className": "m-t",
            "api": "/api/sample",
            "quickSaveApi": "/api/sample/bulkUpdate",
            "quickSaveItemApi": "/api/sample/$id",
            "columns": [
                {
                    "name": "id",
                    "label": "ID",
                    "width": 20,
                    "sortable": true,
                    "type": "text",
                    "toggled": true
                },
                {
                    "name": "engine",
                    "label": "Rendering engine",
                    "sortable": true,
                    "quickEdit": {
                        type: "text",
                        required: true,
                        mode: 'inline'
                    },
                    "type": "text",
                    "toggled": true
                },
                {
                    "name": "browser",
                    "label": "Browser",
                    "sortable": true,
                    "quickEdit": {
                        type: "text",
                        required: true
                    },
                    "type": "text",
                    "toggled": true
                },
                {
                    "name": "platform",
                    "label": "Platform(s)",
                    "sortable": true,
                    "quickEdit": true,
                    "type": "text",
                    "toggled": true
                },
                {
                    "name": "version",
                    "label": "Engine version",
                    "quickEdit": true,
                    "type": "text",
                    "toggled": true
                },
                {
                    "name": "grade",
                    "label": "CSS grade",
                    "quickEdit": {
                        "type": "select",
                        "options": [
                            "A",
                            "B",
                            "C",
                            "D",
                            "X"
                        ]
                    },
                    "type": "text",
                    "toggled": true
                }
            ]
        }
    ]
}