amis
amis copied to clipboard
crud组件在safari中无法横向滚动
描述问题:
经过初步排查,amis目前版本的crud使用colgroup控制表格宽度,但是在safari中,表格的整体宽度不会受到colgroup宽度的影响,无法超出上层的最大宽度
截图或视频:
如何复现(请务必完整填写下面内容):
-
你是如何使用 amis 的? sdk
-
amis 版本是什么?请先在最新 beta 版本测试问题是否存在 最新版
-
粘贴有问题的完整
amis schema
代码:
{
"type": "page",
"body": {
"type": "crud",
"api": "/amis/api/mock2/sample",
"syncLocation": false,
"columns": [
{
"name": "id",
"label": "ID",
"width": "500px"
},
{
"name": "engine",
"label": "Rendering engine"
},
{
"name": "browser",
"label": "Browser"
},
{
"name": "platform",
"label": "Platform(s)"
},
{
"name": "version",
"label": "Engine version"
},
{
"name": "grade",
"label": "CSS grade"
},
{
"type": "operation",
"label": "操作",
"buttons": [
{
"label": "详情",
"type": "button",
"level": "link",
"actionType": "dialog",
"dialog": {
"title": "查看详情",
"body": {
"type": "form",
"body": [
{
"type": "input-text",
"name": "engine",
"label": "Engine"
},
{
"type": "input-text",
"name": "browser",
"label": "Browser"
},
{
"type": "input-text",
"name": "platform",
"label": "platform"
},
{
"type": "input-text",
"name": "version",
"label": "version"
},
{
"type": "control",
"label": "grade",
"body": {
"type": "tag",
"label": "${grade}",
"displayMode": "normal",
"color": "active"
}
}
]
}
}
},
{
"label": "删除",
"type": "button",
"level": "link",
"className": "text-danger",
"disabledOn": "this.grade === 'A'"
}
]
}
]
}
}
- 操作步骤 在safari上测试上述amis schema