如何为TanStack可展开React表格的展开子行首末项添加边框样式？

背景 #

• 项目中结合Material UI与TanStack React Table，已实现可展开行功能，展开父行后会展示对应数据的子行
• 展开后的子行有明确类名标识：一级子行className为depth-1，更深层级的子行className为depth-2
• 有可运行的在线Demo示例，以及展开前表格状态、展开后子行状态的示意截图，还有预期效果的解决方案截图

需求 #

给展开后的子行列表添加样式：

• 子行列表的首行添加上边框
• 子行列表的末行添加下边框

遇到的问题 #

目前已能通过类名区分展开子行并设置背景色，但尝试使用:nth-of-type、:first-child、:last-child这些CSS伪类选择器设置边框样式时，均未生效。现需确认：

1. 该边框样式需求是否可行？
2. 使用伪类选择器的实现思路是否正确？

（解决方案效果示意：）

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