有没有办法在使用overflow-x:auto时在我的表和滚动条之间放置一个空格;"

我有一个这样的简单表格:

   

      
         ...
         ...
      
   


    #table-overflow {
        position: absolute;
        top: 10rem;
        right: 3rem;
        left: 3rem;
        bottom: 2rem;
        display: block;
        overflow-x: auto;
    }

当有许多行和列时,滚动条会按预期显示.当宽度超过表格时,我会在右侧看到一个垂直滚动条,表格数据会一直向上滚动到此滚动条.有没有什么方法我可以在垂直滚动条的左边有一个空格,在水平滚动条上面有一个空格而不使用jQuery滚动条插件？

我希望看到的是这样的:

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx v
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx v
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx v
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx v

hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh

其中v是垂直滚动条,h是水平滚动条,x是数据