html 可以多个body,同一张<table>中可以有多个<tbody>吗？

最新推荐文章于 2022-07-26 22:41:52 发布

生活还是要继续

最新推荐文章于 2022-07-26 22:41:52 发布

阅读量1.8k

点赞数

文章标签： html 可以多个body

本文探讨了一种在Angular中使用嵌套ng-repeat处理表格数据的方法，导致DOM元素过多的问题。作者提到正在开发一个指令，用于按需加载和移除数据，以提高用户体验，类似于Prisjakt.nu网站的滚动行为。示例中涉及了成本、销售、收入和员工平均数等关键指标的展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

我创建了一个JSFiddle，其中有两个带表的嵌套ng-repeats，以及在tbody上的父ng-repeat。如果检查表中的任何行，您将看到有六个tbody元素，即父级。

的HTML

Store IDNameAddressCityCostSalesRevenueEmployeesEmployees H-sum

{{storedata.store.storeId}}{{storedata.store.storeName}}{{storedata.store.storeAddress}}{{storedata.store.storeCity}}{{storedata.data.costTotal}}{{storedata.data.salesTotal}}{{storedata.data.revenueTotal}}{{storedata.data.averageEmployees}}{{storedata.data.averageEmployeesHours}}

Date [YYYY-MM-dd]CostSalesRevenueEmployeesEmployees H-sum

(

Side note:

This fills up the DOM if you have a lot of data on both levels, so I am therefore working on a directive to fetch data and replace, i.e. adding into DOM when clicking parent and removing when another is clicked or same parent again.

To get the kind of behavior you find on Prisjakt.nu, if you scroll down to the computers listed and click on the row (not the links). If you do that and inspect elements you will see that a tr is added and then removed if parent is clicked again or another.

)