表格组件兼容性整理
feichao93 opened this issue · 9 comments
feichao93 commented
表格用到了一些较新的 JavaScript/CSS 特性,对浏览器的版本要求较高。需要整理一下哪些特性对浏览器的要求较高,看一下是否能够降低对浏览器的要求。
兼容性问题主要来源:
- CSS 变量 chrome 49+
- CSS sticky position chrome56+
- NodeList#forEach chrome51+
- ResizeObserver chrome64+,不过组件安装了 polyfill
- styled-components
目前兼容结果:
- 移动端兼容性需要进一步检查(大部分手机上都没什么问题,但是移动端浏览器种类繁多,无法一一检查)
- 不兼容 IE (不再考虑 IE 了,ali-react-table 的目标是现代化的表格组件)
- chrome 56+ CSS sticky position
- safari 9.1+ CSS 变量
wqhui commented
体验了一下还是挺不错的,功能覆盖的很全,剋洗不支持IE,ORZ
jsonz1993 commented
移动端兼容 划掉,是兼容了吗?
feichao93 commented
@jsonz1993 还没有兼容,移动端下目前还有问题。 移动端的问题 等我有空了处理一下,但要等一段时间。
update v2.4 移动端应该没什么大问题了
0408jiahuicao commented
希望能兼容到ie11
coingpaic commented
希望能兼容到chrome49。NodeList#forEach 兼容问题可以用node-list-polyfill解决。sticky问题没有好的解决办法。
feichao93 commented
希望能兼容到ie11
@0408jiahuicao ali-react-table 的定位是现代化的表格组件,IE 不会再进行兼容了
希望能兼容到chrome49...
@coingpaic 试一下 0.14.2 版本,去掉了 NodeList#forEach 的使用。
mamababa commented
baseTable里面用到了大量的计算 为什么好多处用到了rxjs,本地抄了下虚拟table的功能,基本用到了BaseTable里的所有方法。。好多看不懂的计算,求讲解