Skip to content

SDK方式引入前提下inputTable组件不显示横向滚动条 #17321

@YuanChaobo

Description

@YuanChaobo

描述问题:

inputTable组件,列过多的情况下,不显示横向的滚动条,从而导致后面的列无法正常查看

截图或视频:

Image Image Image

如何复现(请务必完整填写下面内容):

我用的是SDK模式引入的amis。
版本号为6.9.0,试过最新的6.13.0的版本,也存在横向滚动条不显示的问题。

完整 amis schema 代码:
{
"type": "page",
"title": "demo",
"body": [
{
"type": "input-excel",
"id": "u:UploadExcel",
"wrapperCustomStyle": {
".cxd-ExcelControl": {
"padding": "0px"
}
},
"label": "",
"name": "excelData",
"placeholder": "可拖拽Excel文件到当前区域",
"inputClassName": "m-xs",
"mode": "normal",
"visible": true,
"onEvent": {
"change": {
"weight": 0,
"actions": []
}
}
},
{
"type": "input-table",
"name": "excelData",
"id": "u:ExcelTable",
"removable": true,
"visibleOn": "data.excelData",
"columns": [
{
"type": "nested-select",
"label": "职业类别",
"name": "nestedSelect",
"onlyChildren": true,
"onlyLeaf": true,
"options": [
{
"label": "选项A",
"value": "A"
},
{
"label": "选项B",
"value": "B",
"children": [
{
"label": "选项b1",
"value": "b1"
},
{
"label": "选项b2",
"value": "b2"
}
]
},
{
"label": "选项C",
"value": "C",
"children": [
{
"label": "选项c1",
"value": "c1"
},
{
"label": "选项c2",
"value": "c2"
}
]
}
],
"id": "u:bbf6d4bce1ea",
"placeholder": "-"
},
{
"type": "input-text",
"label": "岗位名称",
"name": "text",
"id": "u:b077c7a8c34b",
"placeholder": "-"
},
{
"type": "input-text",
"label": "姓名",
"name": "text",
"id": "u:3779d13695f6",
"placeholder": "-"
},
{
"type": "select",
"label": "证件类型",
"name": "certificateType",
"id": "u:IDNUMBER",
"placeholder": "请选择证件类型",
"value": "${personClass|isEquals:'20':'220':'110'}",
"source": "${ARRAYFILTER(dics, item => item.remark1 =='10')}",
"multiple": false,
"menuTpl": "",
"showInvalidMatch": false
},
{
"name": "idNo",
"label": "证件号码",
"type": "input-text",
"id": "u:TableIDCard",
"placeholder": "-"
}
],
"addable": true,
"addBtnLabel": "添加",
"addBtnIcon": false,
"copyable": true,
"copyBtnLabel": "复制",
"copyBtnIcon": false,
"editable": true,
"deleteBtnLabel": "删除",
"showIndex": true,
"deleteBtnIcon": false,
"perPage": 10,
"needConfirm": false
}
],
"id": "u:49b3a5eb2ad7",
"asideResizor": false,
"pullRefresh": {
"disabled": true
}
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions