DataTable group column 的列顺序错误

[zanqwq]

TuSimple/naive-ui version (版本)

2.21.5

Vue version (Vue 版本)

3.2.12

Browser and its version (浏览器及其版本)

Chrome Version 95.0.4638.69 (Official Build) (64-bit)

System and its version (系统及其版本)

Ubuntu 20.04.3 LTS

Node version (Node 版本)

Reappearance link (重现链接)

https://codesandbox.io/s/ancient-field-qtymc?file=/src/Demo.vue

Reappearance steps (重现步骤)

none, open the codesandbox link and you will see the error render result
无复现步骤, 打开 codesandbox link 就可以看见错误的渲染结果

Expected results (期望的结果)

1. expect the box shadow of left fixed and right fixed columns should affect the whole column

2. except the right fixed column render order as what we declare in the example code, i.e, a1, a2, b1, b2

3. 期望 left fixed 和 right fixed column 的 box-shadow 可以作用到一整列

4. 期望 right fixed column 的渲染顺序如代码中指定的一样, 即 a1, a2, b1, b2

Actual results (实际的结果)

1. the box shadow of left fixed and right fixed columns only affect the top most group column

2. the right fixed column render order is reversed, i.e, a2, a1, b2, b1

3. left fixed 和 right fixed column 的 box-shadow 只作用在最顶层的 group column

4. right fixed column 的渲染顺序是反转的, 即 a2, a1, b2, b1

Remarks (补充说明)

[zanqwq]

pr 已提交
#1833