[pro:table] 首尾固定列，改变列宽后，阴影未能正常显示与隐藏

[danranVm]

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

https://playground.idux.site

Steps to reproduce

• 调整列宽至出现横向滚动条，此时最后一列未正常显示阴影
• 拖动横向滚动条，此时最后一列出现阴影
• 将横向滚动条拖动到起始位置，此时最后一列阴影
• 调整列宽，至横向滚动条消失，此时最后一列未正常隐藏阴影

What is expected?

固定列的阴影与横向滚动条一起显示与隐藏

What is actually happening?

第一步和第四步的阴影出现异常

Environment Info

  npmPackages:
    @idux/cdk: 1.0.0-rc.3 => 1.0.0-rc.6 
    @idux/components: 1.0.0-rc.4 => 1.0.0-rc.6 
    @idux/pro: 1.0.0-rc.4 => 1.0.0-rc.6 
    vue: ^3.2.37 => 3.2.37 

[idux-bot]

Translation of this issue:

[Pro: Table] The first fixed column is fixed, and after the width of the column is changed, the shadow fails to display and hide it normally

• I have searched the [issues] (https://github.com/iduxfe/idux/isSues) of this repository that this is not a duplicate.

REPRODUCTION LINK

[https://playground.idux.site](https://playground.idux.site/#eyJQbGF5Z3JvdW5kQXBwLnZ1ZSI6Ijx0ZW1wbGF0ZT5cbiAgPEl4RHJhd2VyUHJvdmlkZXI+XG4gICAgPEl4Tm90aWZpY2F0aW9uUHJvdmlkZXI+XG4gICAgICA8SXhNb2RhbFByb3ZpZGVyPlxuICAgICAgICA8SXhNZXNzYWdlUHJvdmlkZXI+XG4gICAgICAgICAgPEFwcCAvPlxuICAgICAgICA8L0l4TWVzc2FnZVByb3ZpZGVyPlxuICAgICAgPC9JeE1vZGFsUHJvdmlkZXI+XG4gICAgPC9JeE5vdGlmaWNhdGlvblByb3ZpZGVyPlxuICA8L0l4RHJhd2VyUHJvdmlkZXI+XG48L3RlbXBsYXRlPlxuXG48c2NyaXB0IGxhbmc9XCJ0c1wiIHNldHVwPlxuaW1wb3J0IHsgc2V0dXBJZHV4IH0gZnJvbSAnLi9zZXR1cElkdXguanMnXG5pbXBvcnQgQXBwIGZyb20gJy4vQXBwLnZ1ZSdcbnNldHVwSWR1eCgpXG48L3NjcmlwdD5cbiIsIkFwcC52dWUiOiI8dGVtcGxhdGU+XG4gIDxJeFByb1RhYmxlXG4gICAgOmNvbHVtbnM9XCJjb2x1bW5zXCJcbiAgICA6ZGF0YVNvdXJjZT1cImRhdGFcIlxuICAgIGhlYWRlcj1cIlBybyBUYWJsZVwiXG4gICAgOnRvb2xiYXI9XCJ0b29sYmFyXCJcbiAgICA6c2Nyb2xsPVwieyB3aWR0aDogNzAwLCBmdWxsSGVpZ2h0OiB0cnVlLCBoZWlnaHQ6IDMwMH1cIlxuICAgIEBjb2x1bW5zQ2hhbmdlPVwib25Db2x1bW5zQ2hhbmdlXCJcbiAgPlxuICAgIDx0ZW1wbGF0ZSAjbmFtZT1cInsgdmFsdWUgfVwiPlxuICAgICAgPGE +e3sgdmFsdWUgfX08L2E+XG4gICAgPC90ZW1wbGF0ZT5cbiAgICA8dGVtcGxhdGUgI2FjdGlvbj1cInsgcmVjb3JkIH1cIj5cbiAgICAgIDxhIHN0eWxlPVwibWFyZ2luLXJpZ2h0OiA4cHhcIj5JbnZpdGUge3sgcmVjb3JkLm5hbWUgfX08L2E+XG4gICAgICA8YT5EZWxldGU8L2E+XG4gICAgPC90ZW1wbGF0ZT5cbiAgPC9JeFByb1RhYmxlPlxuPC90ZW1wbGF0ZT5cblxuPHNjcmlwdCBsYW5nPVwidHNcIiBzZXR1cD5cbmltcG9ydCB7IGggfSBmcm9tICd2dWUnXG5cbmltcG9ydCB7IEl4QnV0dG9uIH0gZnJvbSAnQGlkdXgvY29tcG9uZW50cy9idXR0b24nXG5pbXBvcnQgeyBJeEljb24gfSBmcm9tICdAaWR1eC9jb21wb25lbnRzL2ljb24nXG5pbXBvcnQgeyBJeFRhZyB9IGZyb20gJ0BpZHV4L2NvbXBvbmVudHMvdGFnJ1xuaW1wb3J0IHsgUHJvVGFibGVDb2x1bW4gfSBmcm9tICdAaWR1eC9wcm8vdGFibGUnXG5cbmludGVyZmFjZSBEYXRhIHtcbiAga2V5OiBudW1iZXJcbiAgbmFtZTogc3RyaW5nXG4gIGFnZTogbnVtYmVyXG4gIGFkZHJlc3M6IHN0cmluZ1xuICB0YWdzOiBzdHJpbmdbXVxuICBkZXNjcmlwdGlvbjogc3RyaW5nXG59XG5cbmNvbnN0IHRvb2xiYXIgPSBbXG4gIGgoSXhCdXR0b24sIG51bGwsICgpID0+ICdMb2FkJyksXG4gIGgoSXhJY29uLCB7IG5hbWU6ICdyZWxvYWQnLCB0aXRsZTogJ3JlbG9hZCcsIG9uQ2xpY2s6ICgpID0+IGNvbnNvbGUubG9nKCdyZWxvYWQgZGF0YScpIH0pLFxuXVxuXG5jb25 zdCBvbkNvbHVtbnNDaGFuZ2UgPSBjb25zb2xlLmxvZ1xuXG5jb25zdCBjb2x1bW5zOiBQcm9UYWJsZUNvbHVtbjxEYXRhPltdID0gW1xuICB7XG4gICAgdHlwZTogJ2luZGV4YWJsZScsXG4gICAgY2hhbmdlVmlzaWJsZTogZmFsc2UsXG4gICAgd2lkdGg6IDQ1LFxuICBtaW5XaWR0aDogNDUsXG4gICAgZml4ZWQ6ICdzdGFydCcsXG4gIGNoYW5nZVZpc2libGU6IGZhbHNlLFxuICBjaGFuZ2VGaXhlZDogZmFsc2UsXG4gIGNoYW5nZUluZGV4OiBmYWxzZSxcbiAgcmVzaXphYmxlOiBmYWxzZSxcbiAgfSxcbiAge1xuICAgIHRpdGxlOiAnTmFtZScsXG4gICAgZGF0YUtleTogJ25hbWUnLFxuICAgIGNoYW5nZUZpeGVkOiBmYWxzZSxcbiAgICBjdXN0b21DZWxsOiAnbmFtZScsXG4gICAgd2lkdGg6IDI1MCxcbiAgICBmaXhlZDogJ3N0YXJ0JyxcbiAgcmVzaXphYmxlOiB0cnVlLFxuICB9LFxuICB7XG4gICAgdGl0bGU6ICdBZ2UnLFxuICAgIGRhdGFLZXk6ICdhZ2UnLFxuICAgIGNoYW5nZUZpeGVkOiBmYWxzZSxcbiAgICB3aWR0aDogMTUwLFxuICByZXNpemFibGU6IHRydWUsXG4gIH0sXG4gIHtcbiAgICB0aXRsZTogJ0FkZHJlc3MnLFxuICAgIGRhdGFLZXk6ICdhZGRyZXNzJyxcbiAgICBjaGFuZ2VGaXhlZDogZmFsc2UsXG4gICAgd2lkdGg6IDE1MCxcbiAgcmVzaXphYmxlOiB0cnVlLFxuICB9LFxuICB7XG4gICAgdGl0bGU6ICdUYWdzJyxcbiAgICBkYXRhS2V5OiAndGFncycsXG4gICAgd2lkdGg6IDE1MCxcbiAgcmV zaXphYmxlOiB0cnVlLFxuICAgIGN1c3RvbUNlbGw6ICh7IHZhbHVlIH0pID0+XG4gICAgICB2YWx1ZS5tYXAoKHRhZzogc3RyaW5nKSA9PiB7XG4gICAgICAgIGxldCBjb2xvciA9IHRhZy5sZW5ndGggPiA1ID8gJ3dhcm5pbmcnIDogJ3N1Y2Nlc3MnXG4gICAgICAgIGlmICh0YWcgPT09ICdsb3NlcicpIHtcbiAgICAgICAgICBjb2xvciA9ICdlcnJvcidcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gaChJeFRhZywgeyBjb2xvciB9LCB7IGRlZmF1bHQ6ICgpID0+IHRhZy50b1VwcGVyQ2FzZSgpIH0pXG4gICAgICB9KSxcbiAgfSxcbiAge1xuICAgIHRpdGxlOiAnQWN0aW9uJyxcbiAgICBrZXk6ICdhY3Rpb24nLFxuICAgIGN1c3RvbUNlbGw6ICdhY3Rpb24nLFxuICAgIHdpZHRoOiAxMDAsXG4gICAgZml4ZWQ6ICdlbmQnLFxuICBjaGFuZ2VWaXNpYmxlOiBmYWxzZSxcbiAgY2hhbmdlRml4ZWQ6IGZhbHNlLFxuICBjaGFuZ2VJbmRleDogZmFsc2UsXG4gIHJlc2l6YWJsZTogZmFsc2UsXG4gIH0sXG5dXG5cbmNvbnN0IGRhdGE6IERhdGFbXSA9IFtdXG5mb3IgKGxldCBpbmRleCA9IDA7IGluZGV4IDwgMTAwOyBpbmRleCsrKSB7XG4gIGRhdGEucHVzaCh7XG4gICAga2V5OiBpbmRleCxcbiAgICBuYW1lOiBgRWRyd2FyZCAke2luZGV4fWAsXG4gICAgYWdlOiAxOCArIChpbmRleCAlIDEwKSxcbiAgICBhZGRyZXNzOiBgTG9uZG9uIFBhcmsgbm8uICR7aW5kZXh9YCxcbiAgICB0YWdzOiBbJ25pY2UnLCAnZGV2ZWxvcGV yJ10sXG4gICAgZGVzY3JpcHRpb246IGBNeSBuYW1lIGlzIEVkcndhcmQgJHtpbmRleH0sIEkgYW0gJHtcbiAgICAgIDE4ICsgKGluZGV4ICUgMTApXG4gICAgfSB5ZWFycyBvbGQsIGxpdmluZyBpbiBMb25kb24gUGFyayBuby4gJHtpbmRleH0uYCxcbiAgfSlcbn1cbjwvc2NyaXB0PlxuIn0=)

STEPS To Reproduce

-The adjustment column width to a horizontal scroll bar, at this time the last column ** Unwilling to display shadow **
-Dtranged horizontal scroll bar, at this time the last column appears shadow
-Dhilled the horizontal rolling bar to the starting position, at this time
-Ad the width of the column to the horizontal scroll bar disappear.

What is exfected?

The shadow of the fixed column is displayed and hidden with the horizontal scroll bar together

What is actually happy?

The shadow of the first and fourth steps appears abnormal

ENVIRONMENT Info

  npmPackages:
    @idux/cdk: 1.0.0-rc.3 => 1.0.0-rc.6 
    @idux/components: 1.0.0-rc.4 => 1.0.0-rc.6 
    @idux/pro: 1.0.0-rc.4 => 1.0.0-rc.6 
    vue: ^3.2.37 => 3.2.37