style(table): 修复 Table 组件总结行上线条显示异常

[ohhhfish]

Fixes #2815

Types of changes

• New feature
• Bug fix
• Enhancement
• Component style change
• Typescript definition change
• Documentation change
• Coding style change
• Refactoring
• Test cases
• Continuous integration
• Breaking change
• Others

Background and context

修复 issue#2815

Solution

packages/web-vue/components/table/style/index.less line 175

&-td {
  box-sizing: border-box;
  color: @table-color-text-body-cell;
  line-height: @line-height-base;
  text-align: left;
  word-break: break-all;
- background-color: @table-color-bg-body-cell;
  border-bottom: @table-border-width @table-border-style @table-color-border;
}

How is the change tested?

变更前

变更后

Changelog

Component	Changelog(CN)	Changelog(EN)	Related issues
Table	修复 Table 组件总结行上线条显示异常	Fixed the issue of abnormal display of the top line in the summary row of the Table component.	issue#2815

Checklist:

• Test suite passes (npm run test)
• Provide changelog for relevant changes (e.g. bug fixes and new features) if applicable.
• Changes are submitted to the appropriate branch (e.g. features should be submitted to feature branch and others
  should be submitted to main branch)

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[oljc]

@ohhhfish 感谢你的贡献！🙏
目前这个方案并未从根本上解决问题，在其他使用场景下会引入新的问题。由于该样式影响范围较大，需要综合考虑多种 Table 使用场景，而不仅是单一问题场景。

[FengBuPi]

该样式问题，只有各位在自己项目中透穿样式解决了