Angular问题：点击按钮触发事件导致其他组件表格的固定样式被重置

• 组件样式封装优先级被突破：Angular默认开启ViewEncapsulation.Emulated组件样式隔离，若按钮点击逻辑触发了更高优先级的全局样式（比如带!important的通用表格样式）动态插入到DOM中，会覆盖组件内定义的单元格padding、height样式。
• 内联样式绑定变量被意外修改：如果单元格样式是通过[style.padding]、[style.height]属性绑定的变量赋值，按钮触发的业务逻辑可能修改了对应变量值，导致样式回退为浏览器默认值。
• 自定义样式类绑定条件失效：若单元格样式通过自定义CSS类生效，且类绑定使用了[ngClass]、[class.xxx]的条件判断，按钮点击触发的状态变更可能导致判断条件不成立，自定义样式类被移除，预设样式随之失效。
• 全局DOM操作清空样式：按钮绑定的逻辑中如果包含全局DOM遍历操作，比如批量清除元素style属性、调用第三方UI库的全局样式重置方法，会直接清除你预先设置的单元格内联样式。
• 第三方表格组件重初始化：如果使用了Angular Material Table、NG-ZORRO Table等第三方表格组件，按钮点击如果触发了组件重载、配置重置操作，会覆盖自定义样式，恢复组件默认的单元格样式。

快速排查方法：打开浏览器开发者工具的元素面板，查看失效后单元格的样式列表：如果自定义样式被划横线说明是优先级被覆盖，如果自定义样式完全不存在说明是样式类/内联样式被移除，再对应核查按钮绑定的逻辑即可定位根因。

内容的提问来源于stack exchange，提问作者pinumber3