surely-vue / surely-table

Performant advanced table component
https://www.surely.cool
617 stars 83 forks source link

请问该如何显示单元格内的滚动条? #233

Open qidai77777 opened 6 months ago

qidai77777 commented 6 months ago

如果不想要单元格的选中样式应该写什么属性? 这些文档里面都没有写

image

tangjinzhou commented 6 months ago
.surely-table-cell-inner {
 overflow-y: auto;
}

请注意,改动会影响自动行高

qidai77777 commented 6 months ago
.surely-table-cell-inner {
 overflow-y: auto;
}

请注意,改动会影响自动行高

单元格的选中效果是没办法取消的吗?

tangjinzhou commented 6 months ago

关于选中样式,自己写 css 覆盖选中好了

qidai77777 commented 6 months ago

我在调试的时候发现一个样式 导致我自己配置的滚动条无效 image

qidai77777 commented 6 months ago

我在调试的时候发现一个样式 导致我自己配置的滚动条无效 内置的每一个单元格都有这个样式

tangjinzhou commented 6 months ago

给一个在线示例吧,我直接在示例上给你改

qidai77777 commented 6 months ago

image 存在的问题 1、高度未自适应的时候加上滚动条没法看到图片元素顶部 2、使用其他组件的图片预览功能时,弹起的模态框只能出现在行内 3、自定义表头使用响应式数据时 不会实时跟着刷新

在线代码地址 可能需要把链接复制到新标签页打开。。

https://codesandbox.io/p/github/qidai77777/surely-vue-demo/main?file=%2Fsrc%2FApp.vue%3A4%2C1&layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clwef7xdn0006356g3c5li620%2522%252C%2522sizes%2522%253A%255B60%252C40%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clwef7xdn0002356g2ns799cg%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clwef7xdn0004356gdrvvgkwb%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clwef7xdn0005356gj4cgz6gb%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B60%252C40%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clwef7xdn0002356g2ns799cg%2522%253A%257B%2522id%2522%253A%2522clwef7xdn0002356g2ns799cg%2522%252C%2522activeTabId%2522%253A%2522clwel1j55005j356gcm7yzdpe%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clwef7xdn0001356gqcqncltl%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252FREADME.md%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522id%2522%253A%2522clwel1j55005j356gcm7yzdpe%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522initialSelections%2522%253A%255B%257B%2522startLineNumber%2522%253A4%252C%2522startColumn%2522%253A1%252C%2522endLineNumber%2522%253A4%252C%2522endColumn%2522%253A1%257D%255D%252C%2522filepath%2522%253A%2522%252Fsrc%252FApp.vue%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%252C%257B%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252F.codesandbox%252Ftasks.json%2522%252C%2522id%2522%253A%2522clwem61ja00cm356h231p120c%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%257D%252C%2522clwef7xdn0005356gj4cgz6gb%2522%253A%257B%2522id%2522%253A%2522clwef7xdn0005356gj4cgz6gb%2522%252C%2522activeTabId%2522%253A%2522clwen48mm0028356hudnbtwq2%2522%252C%2522tabs%2522%253A%255B%257B%2522type%2522%253A%2522UNASSIGNED_PORT%2522%252C%2522port%2522%253A5173%252C%2522id%2522%253A%2522clwen48mm0028356hudnbtwq2%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%252F%2522%257D%255D%257D%252C%2522clwef7xdn0004356gdrvvgkwb%2522%253A%257B%2522id%2522%253A%2522clwef7xdn0004356gdrvvgkwb%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clwef7xdn0003356gib46d0o7%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TERMINAL%2522%252C%2522shellId%2522%253A%2522clwen26ly000wdcicgpvh5w16%2522%257D%252C%257B%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522id%2522%253A%2522clwef7ytg003a356girw0c7c7%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%255D%252C%2522activeTabId%2522%253A%2522clwef7xdn0003356gib46d0o7%2522%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D

qidai77777 commented 6 months ago

我不确定这个在线代码能不能正常访问 我补充了一个github的链接地址

https://github.com/qidai77777/surely-vue-demo

qidai77777 commented 6 months ago

@tangjinzhou 大佬 这几个能有解决方案吗 = =