surely-table icon indicating copy to clipboard operation
surely-table copied to clipboard

展开图标不垂直居中问题

Open weishen-cna opened this issue 2 years ago • 6 comments

当table有可展开数据时,自定义 bodyCell 内容设置了一个高度后,展开图标不垂直居中 示例:https://codesandbox.io/s/awesome-elion-mkkylg?file=/src/App.vue:129-137

weishen-cna avatar Aug 31 '22 01:08 weishen-cna

对于展开图标单独占一个单元格的时候会自动垂直居中,如果是和其他内容在一个单元格里,不会自动处理,毕竟有的人是不需要居中的,你可以添加如下样式让其居中

.surely-table-cell-inner .surely-table-cell-content {
    display: flex;
    align-items: center;
}

tangjinzhou avatar Aug 31 '22 02:08 tangjinzhou

另外发布了 2.4.8 , 修复了一些小问题,可以升级下

tangjinzhou avatar Aug 31 '22 02:08 tangjinzhou

好的

------------------ 原始邮件 ------------------ 发件人: @.>; 发送时间: 2022年8月31日(星期三) 上午10:27 收件人: @.>; 抄送: @.>; @.>; 主题: Re: [surely-vue/table] 展开图标不垂直居中问题 (Issue #78)

另外发布了 2.4.8 , 修复了一些小问题,可以升级下

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

weishen-cna avatar Aug 31 '22 02:08 weishen-cna

加了这个是居中了,但是我的自定义插槽内容也错位了,因为我的自定义插槽有多个跟标签,我感觉图标的居中应该是需要的,我感觉不应该将 图标和自定义插槽的内容作为兄弟元素放置,感觉可以用一个父容器包裹一下自定义插槽内容,再将这个父容器作为图标的兄弟元素排列,这样的话布局样式可以更好控制

------------------ 原始邮件 ------------------ 发件人: @.>; 发送时间: 2022年8月31日(星期三) 上午10:23 收件人: @.>; 抄送: @.>; @.>; 主题: Re: [surely-vue/table] 展开图标不垂直居中问题 (Issue #78)

对于展开图标单独占一个单元格的时候会自动垂直居中,如果是和其他内容在一个单元格里,不会自动处理,毕竟有的人是不需要居中的,你可以添加如下样式让其居中 .surely-table-cell-inner .surely-table-cell-content { display: flex; align-items: center; }

— Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: @.***>

weishen-cna avatar Aug 31 '22 02:08 weishen-cna

在包一层这个倒是没问题,下个版本加上
但依然不会自动居中的

tangjinzhou avatar Sep 01 '22 02:09 tangjinzhou

2.4.9 已添加

tangjinzhou avatar Sep 01 '22 15:09 tangjinzhou