如何解决Angular在低版本浏览器上的兼容性问题？

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

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

Edge浏览器下，固定列的边框消失的原因可能是ng-zorro-antd表格组件使用nzLeft和nzRight指令固定表格列时，CSS样式设置不当。

解决方法：

1. 确保在nzLeft和nzRight指令中正确设置表格列的宽度。

2.在CSS中添加以下样式，以固定边框：

css

table ant-table .ant-table-column-sorter { position: -webkit-sticky; position: sticky; top: 0; background-color: white; border-right: 1px solid #f0f0f0;}

以上代码将使固定列的边框在Edge浏览器中显示。

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

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

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

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

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

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