请问 elementUI 的表格上想添一行按钮,但看起来让两者完美融洽好似一体,有好的解决方案么?

2020-01-11 14:47:37 +08:00
 Newyorkcity

如图,最上面的操作,刷新那一行以及整体非常融洽的感觉就是我想要的效果。

我自己进行尝试的话,就只能想到两个 div,一个 div 放 button,一个 div 装 elementui 的 el-table。。。 但出现如上图的奇怪问题,我很确定两个 div 以及 el-table 元素最终生成的.el-table元素的宽度都是相等的,外边距和边框都在 F12 控制台看过,但最终效果却是如图所示,有点没对齐,也不知道为什。。。

谢谢解答!

2428 次点击
所在节点    问与答
6 条回复
izoabr
2020-01-11 16:57:51 +08:00
el-table 不支持自定义 Table Header 么? antd 可以。
loading
2020-01-11 17:21:01 +08:00
不知直接加就可以了吗?
反正我行内加了很多,thead 不能加吗?
Newyorkcity
2020-01-11 17:25:07 +08:00
@izoabr
倒不能说完全没有,它支持在表格的标题那一行自己最后添加一列自定义的,但是还得想好给这多生成的一列,在之后的内容行里放下啥,官方样式是放几个修改,删除的按钮。。

@loading
能否再说的详细一些? el-table 不都是指定绑定的数据后根据它自行生成行么?
loading
2020-01-11 18:15:04 +08:00
我真的不知道你有没有看文档。
element.eleme.cn/#/zh-CN/component/table#zi-ding-yi-biao-tou

随手就改个 codepen 出来:看 html 65 行

codepen.io/fengz/pen/yLyjPqJ
loading
2020-01-11 18:16:07 +08:00
63-71 行
loading
2020-01-11 18:17:55 +08:00
你这个结合多级表头就可以实现了,外观不满意就 css。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/637079

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX