关键词：
【中文标题】具有垂直和水平滚动的 Ant Design Table【英文标题】：Ant Design Table with vertical and horizontal scroll 【发布时间】：2019-08-22 17:58:14 【问题描述】：我正在使用 Ant Design Table 来显示来自公司内部 API 的动态数据。
这意味着我不知道我会收到什么样的数据来填充每个单元格。它可以是大文本、数字、空值、短字符串、图像、url 等等。
我需要应用水平和垂直滚动，但如 Ant Design 文档所述：
如果标题和单元格没有正确对齐，请指定列的宽度。 （至少保留一列没有宽度以适应流体布局）推荐使用大于 scroll.x 的表格宽度的固定值。未固定列的总和不应大于 scroll.x。
目前，宽度很好，Ant Design Table 可以计算出每列的最佳比例。见下图：
问题是当我设置 y 滚动时。举个例子：
这里的主要问题是我不知道每列数据的大小。 说到列，我必须从表源中提取 key 以便动态生成列。
是否可以绕过这种行为？
谢谢！
【问题讨论】：
这个案子已经办完了吗？ @OnesinusSaut no. @spiny_beast 我做了一个解决方法来解决这个问题。这不是最迷人的解决方案，但我遇到了根据字符数计算宽度的每一列。我还为每个列宽设置了一个最大值。有效。只需注意表中的数据量，它可能会导致一些性能问题。您还可以设置分页来帮助您提高性能 =) 【参考方案1】：所以这是 Ant Design 检查 here、here、here 和 here 的一个已知问题
没有适当的解决方法，我遇到了同样的问题，我尝试为每列设置宽度，在列中设置“宽度”属性有效，但它会因粘性标题而中断。
另一种简单的解决方法是使用水平滚动并删除垂直滚动，有点像这样
scroll= x: 400
【讨论】：
谢谢！我和你做的一样，我为每列设置了宽度，但我是动态地做的，它起作用了。现在您可以设置 XScroll、YScroll 和固定列。我将其发布为答案。【参考方案2】：我想出了一个解决方法来解决我的问题。为了根据列的宽度为整个表格设置宽度，我必须遍历所有表格数据，根据其自身内容的长度计算每个单元格的宽度。
之后，我可以将总宽度相加并设置到表格中。
这里是一个使用这种方法的例子：
【讨论】：
【参考方案3】：参考@Afaq 所附问题中的this comment。
对于遇到此问题的任何人，请为每个列设置宽度，并在表格中添加以下代码：scroll= x: "max-content" 。这将自动调整您的列宽。
这应该可以解决大多数人的问题。
【讨论】：
具有垂直和水平滚动的 Recyclerview
】具有垂直和水平滚动的Recyclerview【英文标题】：Recyclerviewwithbothverticalandhorizontalscrolling【发布时间】：2019-04-1601:18:36【问题描述】：目前我正在为电视制作我的应用程序布局，我面临的问题是我有一个recyclerview来显示用户最近... 查看详情
表格布局可以同时具有水平和垂直滚动视图吗
】表格布局可以同时具有水平和垂直滚动视图吗【英文标题】：CanTableLayouthavebothhorizontalandverticalscrollview【发布时间】：2013-07-0807:07:01【问题描述】：您好，我创建了一个带有普通滚动视图的表格布局，我希望它可以垂直和水平... 查看详情
同时具有水平和垂直滚动条的 Android GridView
】同时具有水平和垂直滚动条的AndroidGridView【英文标题】：AndroidGridViewwithBothHorizontalandVerticalScrolbarsatthesametime【发布时间】：2013-04-2408:35:36【问题描述】：我是Android新手，必须将WindowsMobile应用程序移植到Android应用程序。问题：... 查看详情
在 Safari（MacOS 和 iOS）中垂直和水平居中具有未知大小和滚动条的文本框
】在Safari（MacOS和iOS）中垂直和水平居中具有未知大小和滚动条的文本框【英文标题】：CentertextboxwithunknownsizeandscrollbarverticallyandhorizontallyinSafari(MacOSandiOS)【发布时间】：2015-12-0709:56:57【问题描述】：我正在尝试将文本框居中以... 查看详情
UIScrollview在垂直和水平ios中滚动
...一个（不应该是对角线）。我正在下载图像并将其放置在具有3个图像视图的滚动视图上（以循环方式使用它们）。但我不确定如何进行图像的垂直滚动，因为我 查看详情
如何启用垂直滚动的滚动条并禁用水平滚动？
...发布时间】：2020-06-0720:55:06【问题描述】：我一直在构建具有水平和垂直滚动的布局。垂直可滚动的Column用于主要内容，并由不同的视图填充，包括显示促销横幅的水平ListView。我想显示垂直滚动的滚动条，而不是水平滚动。我... 查看详情
具有水平分页和垂直滚动的 UICollectionView
】具有水平分页和垂直滚动的UICollectionView【英文标题】：UICollectionViewwithhorizontalpagingandverticalscrolling【发布时间】：2016-05-0413:23:58【问题描述】：是否可以有一个带有水平分页和垂直滚动的集合视图？我想要一个集合视图页面的... 查看详情
在 iOS 中拥有这种复杂的水平和垂直滚动结构的最佳方式是啥？ [关闭]
...【发布时间】：2016-04-2805:36:11【问题描述】：我正在开发具有这种结构的应用程序。Seeimage。这显示了一 查看详情
如何将我的 UICollectionView Flowlayout 更改为具有水平滚动的垂直列表
】如何将我的UICollectionViewFlowlayout更改为具有水平滚动的垂直列表【英文标题】：HowcanIchangemyUICollectionView\'sFlowLayouttoaverticalListwithHorizontalScrolling【发布时间】：2017-06-2014:23:23【问题描述】：基本上，我要创建的是一个表格，其中... 查看详情
Android 布局：具有滚动行为的 Viewpager 内的垂直 Recyclerview 内的水平 Recyclerview
】Android布局：具有滚动行为的Viewpager内的垂直Recyclerview内的水平Recyclerview【英文标题】：AndroidLayout:HorizontalRecyclerviewinsideaVerticalRecyclerviewinsideaViewpagerwithScrollBehaviors【发布时间】：2016-02-0101:45:09【问题描述】：这是我正在尝试构... 查看详情
具有水平滚动的嵌套 RecyclerView 中的滚动行为
】具有水平滚动的嵌套RecyclerView中的滚动行为【英文标题】：ScrollbehaviorinnestedRecyclerViewwithhorizontalscroll【发布时间】：2015-12-0802:58:29【问题描述】：我必须在每个项目中创建垂直的RecyclerView和嵌套的水平RecyclerView。一切都在Coordi... 查看详情
垂直滚动设置影响数据表的水平滚动
...间】：2015-12-2703:11:02【问题描述】：我正在尝试创建一个具有垂直但不水平滚动的数据表。我这里使用的createtable语句如下：$(document).ready(function()$(\'#order-attention-table 查看详情
JqueryMobile中的水平滚动和垂直滚动[关闭]
】JqueryMobile中的水平滚动和垂直滚动[关闭]【英文标题】：HorizontalscrollingandverticalscrollinginJqueryMobile[closed]【发布时间】：2014-01-0103:22:30【问题描述】：我想用垂直滑动实现水平滚动。如下图所示。为了做同样的事情，我搜索并找... 查看详情
如何滚动到 UICollectionView 的中心（水平和垂直）
】如何滚动到UICollectionView的中心（水平和垂直）【英文标题】：HowtoscrolltothecenterofUICollectionView(BothHorizontallyandVertically)【发布时间】：2019-03-0510:04:20【问题描述】：我已经实现了一个可以水平和垂直滚动的collectionview（基本上它... 查看详情
水平和垂直两个方向滚动
】水平和垂直两个方向滚动【英文标题】：Scrollinghorizontalandverticalbothdirection【发布时间】：2013-06-0606:15:48【问题描述】：我需要水平和垂直滚动图像。我的部分将segregatedvertically和ineachsectionitselfitwillbesomanyimageswhichwillbescrolledhoriz... 查看详情
当用户滚动时将菜单从水平移动到垂直？
...用户向下滚动页面时，如何使菜单移动到垂直位置（最好具有良好的过渡 查看详情
android中的垂直和水平滚动视图
】android中的垂直和水平滚动视图【英文标题】：Scrollviewverticalandhorizontalinandroid【发布时间】：2011-01-0322:12:40【问题描述】：我真的厌倦了寻找垂直和水平滚动视图的解决方案。我读到框架中没有任何视图/布局实现此功能，但我... 查看详情
android中的垂直和水平滚动视图
】android中的垂直和水平滚动视图【英文标题】：Scrollviewverticalandhorizontalinandroid【发布时间】：2010-01-1120:44:04【问题描述】：我真的很厌倦寻找垂直和水平滚动视图的解决方案。我读到框架中没有任何视图/布局实现此功能，但我... 查看详情