crud列过多的时候，左边上角显示列展开无法显示完整

xiahao90 commented 10 months ago

描述问题：

截图或视频：

如何复现（请务必完整填写下面内容）：

你是如何使用 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>



4. 操作步骤
请简单描述一下复现的操作步骤...

github-actions[bot] commented 10 months ago

👍 Thanks for this! 🏷 I have applied any labels matching special text in your issue.

Please review the labels and make any necessary changes.

xiahao90 commented 9 months ago

@lurunze1226 这个有计划改一下吗？影响使用了

baidu / amis

crud列过多的时候，左边上角显示列展开无法显示完整 #9146

描述问题：

截图或视频：

如何复现（请务必完整填写下面内容）：