如何解决Angular在浏览器兼容性方面的问题？

本文共计1657个文字，预计阅读时间需要7分钟。

Edge浏览器下，固定列的边框消失问题：Edge浏览器中，固定列的边框可能消失。原因可能是使用了ng-zorro-antd表格组件的nzLeft和nzRight指令来固定表格列，这些指令默认使用CSS3中的position属性进行定位。要解决这个问题，可以尝试以下方法：

1. 确保在nzLeft和nzRight指令中指定的列已经正确设置了边框样式。

2.在nzLeft和nzRight指令的表格列中，增加CSS样式`position: -webkit-sticky;`和`position: sticky;`来确保边框显示。

3.如果问题仍然存在，可以尝试增加更多的CSS样式，如`top: 0;`和`left: 0;`，以进一步固定边框位置。

edge浏览器下，固定列的边框消失

问题 ：edge浏览器下，固定列的边框消失

原因 ：ng-zorro-antd表格组件使用nzLeft和nzRight指令固定的表格列，这两个指令的实现css3中的标签：

position: -webkit-sticky !important; position: sticky !important;

谷歌、火狐及-webkit-内核的浏览器均支持该属性（css3），IE不支持该属性，所以在IE中，会自动降级，表格无固定列，可滑动的形式。

Edge浏览器在1703之后的版本使用了chromium内核，对css3的属性支持较好，也支持sticky属性，可以使用，可以固定表格列，但边框会消失。