[Table] 支持第三方滚动条插件

[xmsz-stu]

Which Component Need Enhancement 期望新增功能的组件

• Table

What does the proposed API look like 期望支持的API

支持滚动条插件，比如simplebar

Feature Description 功能描述

因为默认的滚动条在不同系统和浏览器下显示不一样，没办法实现样式统一
最恶心的是有些时候会占据宽度，有些时候又不会，占据宽度的情况下长这样

这一块直接是没颜色的

Additional information 补充说明

• 希望涉及滚动条的都能支持第三方滚动插件

相关问题：#884

[shijiatongxue]

你好，是希望我们默认加上这种 data 标识到所有的滚动轴相关的组件吗？

比如给 Table body 对应的 div 加上这个 data-simplebar 标识。

这个 simplebar-react npm 包下载量，每周 50w+，还是比较多的。

simplebar 每周下载量也不少。

[xmsz-stu]

你好，是希望我们默认加上这种 data 标识到所有的滚动轴相关的组件吗？

比如给 Table body 对应的 div 加上这个 data-simplebar 标识。

这个 simplebar-react npm 包下载量，每周 50w+，还是比较多的。 simplebar 每周下载量也不少。

就是可以用第三方插件替换原生的滚动条样式

[shijiatongxue]

你好，是希望我们默认加上这种 data 标识到所有的滚动轴相关的组件吗？
比如给 Table body 对应的 div 加上这个 data-simplebar 标识。

这个 simplebar-react npm 包下载量，每周 50w+，还是比较多的。

simplebar 每周下载量也不少。

就是可以用第三方插件替换原生的滚动条样式

我明白你想做什么，主要是怎么做。

[shijiatongxue]

你好，是希望我们默认加上这种 data 标识到所有的滚动轴相关的组件吗？
比如给 Table body 对应的 div 加上这个 data-simplebar 标识。

这个 simplebar-react npm 包下载量，每周 50w+，还是比较多的。

simplebar 每周下载量也不少。

就是可以用第三方插件替换原生的滚动条样式

比如需要 Semi 这边做什么能支持你做的事情。我们是不会内置这个第三方插件的（体积大小），这个不是一个基础组件库需要内置的包。

[xmsz-stu]

你好，是希望我们默认加上这种 data 标识到所有的滚动轴相关的组件吗？
比如给 Table body 对应的 div 加上这个 data-simplebar 标识。

这个 simplebar-react npm 包下载量，每周 50w+，还是比较多的。

simplebar 每周下载量也不少。

就是可以用第三方插件替换原生的滚动条样式

比如需要 Semi 这边做什么能支持你做的事情。我们是不会内置这个第三方插件的（体积大小），这个不是一个基础组件库需要内置的包。

ok, 那可以试试data-simplebar能不能实现,我只找到两个demo
https://jsfiddle.net/1z76Lhvo/12/
https://codepen.io/sdthornton/pen/mdOaoML
但都是附在table的父级，感觉没啥用，不知道table的body能不能兼容

[shijiatongxue]

你好，是希望我们默认加上这种 data 标识到所有的滚动轴相关的组件吗？
比如给 Table body 对应的 div 加上这个 data-simplebar 标识。

这个 simplebar-react npm 包下载量，每周 50w+，还是比较多的。

simplebar 每周下载量也不少。

就是可以用第三方插件替换原生的滚动条样式

比如需要 Semi 这边做什么能支持你做的事情。我们是不会内置这个第三方插件的（体积大小），这个不是一个基础组件库需要内置的包。

ok, 那可以试试data-simplebar能不能实现,我只找到两个demo https://jsfiddle.net/1z76Lhvo/12/ https://codepen.io/sdthornton/pen/mdOaoML 但都是附在table的父级，感觉没啥用，不知道table的body能不能兼容

可以，近期有其他高优的事情，这个需要晚点看下。

[xmsz-stu]

我刚刚试了用

 new SimpleBar(document.query.("... .semi-table-body"));

来初始化
样式是成功替换上了

但是滚动不会加载了 相当于虚拟滚动失效了

[shijiatongxue]

我刚刚试了用

 new SimpleBar(document.query.("... .semi-table-body"));

来初始化 样式是成功替换上了

但是滚动不会加载了 相当于虚拟滚动失效了

可以试下，在 semi 仓库拉到本地，用 data-simplebar 的方式看看是否生效。如果OK的话，欢迎提个 pr。