描述问题:
crud列过多的时候,左边上角显示列展开无法显示完整
截图或视频:
如何复现(请务必完整填写下面内容):
- 你是如何使用 amis 的?
sdk3.6.3 - amis 版本是什么?请先在最新 beta 版本测试问题是否存在
- 粘贴有问题的完整
amis schema
代码:
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<title>amis demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1"
/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
<link rel="stylesheet" href="https://unpkg.zhimg.com/amis@3.6.3/sdk/sdk.css" />
<style>
html,
body,
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="root" class="app-wrapper"></div>
<script src="https://unpkg.zhimg.com/amis@3.6.3/sdk/sdk.js"></script>
<script type="text/javascript">
(function () {
let amis = amisRequire('amis/embed');
// 通过替换下面这个配置来生成不同页面
let amisJSON = {
"type": "page",
"body": {
"type": "crud",
"api": "/amis/api/mock2/sample",
"syncLocation": false,
"columns": [
{
"name": "a1",
"label": "a1"
},
{
"name": "b1",
"label": "b1"
},
{
"name": "c1",
"label": "c1"
},
{
"name": "d1",
"label": "d1"
},
{
"name": "e1",
"label": "e1"
},
{
"name": "f1",
"label": "f1"
},
{
"name": "a2",
"label": "a2"
},
{
"name": "b2",
"label": "b2"
},
{
"name": "c2",
"label": "c2"
},
{
"name": "d2",
"label": "d2"
},
{
"name": "e2",
"label": "e2"
},
{
"name": "f2",
"label": "f2"
},
{
"name": "a3",
"label": "a3"
},
{
"name": "b3",
"label": "b3"
},
{
"name": "c3",
"label": "c3"
},
{
"name": "d3",
"label": "d3"
},
{
"name": "e3",
"label": "e3"
},
{
"name": "f3",
"label": "f3"
},
{
"name": "a4",
"label": "a4"
},
{
"name": "b4",
"label": "b4"
},
{
"name": "c4",
"label": "c4"
},
{
"name": "d4",
"label": "d4"
},
{
"name": "e4",
"label": "e4"
},
{
"name": "f4",
"label": "f4"
},
{
"name": "a5",
"label": "a5"
},
{
"name": "b5",
"label": "b5"
},
{
"name": "c5",
"label": "c5"
},
{
"name": "d5",
"label": "d5"
},
{
"name": "e5",
"label": "e5"
},
{
"name": "f5",
"label": "f5"
},
{
"name": "a6",
"label": "a6"
},
{
"name": "b6",
"label": "b6"
},
{
"name": "c6",
"label": "c6"
},
{
"name": "d6",
"label": "d6"
},
{
"name": "e6",
"label": "e6"
},
{
"name": "f6",
"label": "f6"
},
]
}
};
let amisScoped = amis.embed('#root', amisJSON);
})();
</script>
</body>
</html>
- 操作步骤
请简单描述一下复现的操作步骤...
2条答案
按热度按时间fiei3ece1#
👍 Thanks for this!
🏷 I have applied any labels matching special text in your issue.
Please review the labels and make any necessary changes.
dsekswqp2#
@lurunze1226 这个有计划改一下吗?影响使用了