Angular-Win10系統(tǒng)-Chrome瀏覽器-NG-ZORRO-table組件-固定表頭-表格列明顯錯(cuò)位。這個(gè)問(wèn)題是NG-ZORRO本身就有的問(wèn)題炒事，目前發(fā)現(xiàn)只在Win10系統(tǒng)-Chrome瀏覽器下有問(wèn)題霹崎，win7完域、IE都沒(méi)問(wèn)題申尼。
錯(cuò)位情況如圖所示：截圖自官網(wǎng)
錯(cuò)位
表格錯(cuò)位是因?yàn)楸眍^的滾動(dòng)條寬度變窄了蓬蝶，導(dǎo)致錯(cuò)位螺戳。
我發(fā)現(xiàn)出現(xiàn)這個(gè)問(wèn)題的原因是 .nz-table-hide-scrollbar的樣式影響了滾動(dòng)條自身的寬度
在代碼中去掉這個(gè)類(lèi)名踏堡，然后重新添加overflow-y: scroll醋旦；
滾動(dòng)條的寬度就正常了
因?yàn)榻鉀Q這個(gè)問(wèn)題恒水，可以手動(dòng)為滾動(dòng)條加上一個(gè)寬度
.nz-table-hide-scrollbar::-webkit-scrollbar {
width: 17px;
}
::-webkit-scrollbar：可以使用偽元素為Webkit瀏覽器自定義滾動(dòng)條的各個(gè)部分，解釋詳見(jiàn)MDN
現(xiàn)在就是對(duì)齊的了：
效果
