The scrollbar will be lost when ellipsis is added to DataTable columns.

[wcnhna]

Describe the bug

When some cloumn active ellipsis prop, the data table will lost scrollbar.

Steps to reproduce

Just like that.

App.vue

OR

https://codesandbox.io/p/sandbox/d2lv2z

Link to minimal reproduction

https://wcnhna.github.io/naive-ui-demo/dist/

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (16) x64 13th Gen Intel(R) Core(TM) i5-13500H
    Memory: 5.22 GB / 15.75 GB
  Binaries:
    Node: 20.18.0 - C:\Program Files\nodejs\node.EXE
    npm: 10.9.0 - C:\Program Files\nodejs\npm.CMD
    pnpm: 9.12.0 - ~\AppData\Roaming\npm\pnpm.CMD
  npmPackages:
    naive-ui: ^2.40.1 => 2.40.1
    vue: ^3.5.11 => 3.5.12

Used Package Manager

pnpm

Validations

• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.

[jahnli]

Provide a based on CodeSandbox or stackblitz [Minimal, Reproducible Example] (https://stackoverflow.com/help/minimal-reproducible-example)

[wcnhna]

Provide a based on CodeSandbox or stackblitz [Minimal, Reproducible Example] (https://stackoverflow.com/help/minimal-reproducible-example)

https://codesandbox.io/p/sandbox/d2lv2z

[jahnli]

不确定设计是不是这样，设置scroll-x

[wcnhna]

Adding scroll-x prop does indeed solve the problem, but this should be considered a bug.