DevCloudFE / ng-devui

Angular UI Component Library based on DevUI Design
https://devui.design
MIT License
1.75k stars 210 forks source link

table 如何加个表尾 #243

Closed zsgee closed 2 years ago

zsgee commented 2 years ago

固定在表格下面,充当合计表格的数据

foolmadao commented 2 years ago

都是数据驱动的,最下面加一行数据就可以

如果你想要的是像列固定一样的行固定功能话组件现在还不支持,你只能通过渲染两个表格间接实现

zsgee commented 2 years ago

试过加一行,是的固定行,那就只能两个表格左右滚动互相控制.

foolmadao commented 2 years ago

试过加一行,是的固定行,那就只能两个表格左右滚动互相控制.

还有横向滚动的话,你可以这样,用模板模式给最后一行加一个class,然后穿透覆盖一下行样式,position:sticky,bottom:0

kagol commented 2 years ago

@foolmadao 表尾感觉是很常见的需求,可以考虑以一种用户友好的方式进行支持

zsgee commented 2 years ago

试过加一行,是的固定行,那就只能两个表格左右滚动互相控制.

还有横向滚动的话,你可以这样,用模板模式给最后一行加一个class,然后穿透覆盖一下行样式,position:sticky,bottom:0

这种方式可以,之前试过更改行的位置,会变形