arco-design-vue icon indicating copy to clipboard operation
arco-design-vue copied to clipboard

a-table 组件可否提供位于页面底部的横向滚动条?

Open stephen-curry-tpm opened this issue 2 years ago • 3 comments

基本信息

现有案例

比如 Ant 的 table 就提供了类似的滚动条

预期解决问题

横向滚动的表格,如果表格高度超过了一个屏幕,横向滚动条只有拖到页面底部时才会出现,这样不方便用户试用。

stephen-curry-tpm avatar Jul 07 '22 08:07 stephen-curry-tpm

@stephen-curry-tpm 可以提供个类似的示例吗,来看一下

flsion avatar Jul 15 '22 03:07 flsion

@flsion 可以提供个类似的示例吗,来看一下

大哥,他想说的是这个意思

https://stackblitz.com/edit/angular-ctyamy?file=src%2FApp.vue

image

类似下图这样 image

不然是真的挺丑的

说实话 滚动条咋放在底部,我也想知道

cgrain1998 avatar Aug 16 '22 02:08 cgrain1998

@flsion 这里有的 antd 的 demo

https://codesandbox.io/s/wei-yu-ye-mian-di-bu-de-heng-xiang-gun-dong-tiao-tb0k2n

image

可以看到,设置了 sticky 参数之后,如果有横向滚动条的 table 的内容超出了一个屏幕,可以在页面底部模拟出一个横向滚动条。这样,用户就不用滚动到页面底部才能横向拖动滚动条了

stephen-curry-tpm avatar Aug 16 '22 08:08 stephen-curry-tpm