Javascript 如何使用html和js创建扩展表？

我想创建一个可展开的表格，其中有一个带有加号图标的标题要展开，子项将显示在展开的部分中

我可以创建它，但子行不会低于父行边界，因为我使用的是父

td

中的表。那么有没有更好的使用方法呢

var-app=angular.module（'plunker'，[]）；
应用程序控制器（'MainCtrl'，函数（$scope）{
$scope.name='World'；
$scope.carList=[{
评论：'新'，
评级：5，
百分之五：100，
推荐：“是”，
价格：‘$1000000’，
名称：“第1行”，
描述：[{
名称：'Clild 1'，
评论：'新'，
评级：5，
描述：“测试1”，
卡片：“N”，
礼品：“$1565650”
}, {
名称：'Clild 2'，
评论：'新'，
评级：5，
描述：“测试2”，
卡片：“N”，
礼品：“$1554540”
}, {
名称：'Clild 3'，
评级：5，
评论：'新'，
描述：“测试3”，
卡片：“Y”，
礼品：“$1444450”
}]
}, {
评论：“差”，
评级：1，
百分之五：10，
建议：‘否’，
价格:"五元",，
名称：“第2行”，
描述：[{
名称：'Clild 1'，
评论：'新'，
描述：'测试'，
卡片：“N”，
评级：5，
礼品：“$1025655”
}, {
名称：'Clild 2'，
评论：'新'，
描述：“测试2”，
卡片：“Y”，
评级：5，
礼品：“$1545454”
}]
}];
});
tr{
光标：指针；
}
触发器：悬停td{
背景色：#ffc！重要；
}
表，th，td{
边框：1px纯黑；
边界塌陷：塌陷；
}

你好{{name}}

名称
地位
费用
项目
卡片
费用
{{car.name}
{{car.review}
{{car.rating}
{{car.fiveStarPercent}
{{car.recommended}
{{car.price}}
{{subling.name}
{{subling.rating}
{{subling.review}
{{subling.description}}
{{subling.card}
{{subling.gift}
避免嵌套表格，这样将有助于解决与
td
宽度相关的问题

<tr class="trigger" ng-repeat-start="car in carList | filter:tableFilter" ng-click="main.activeRow = !main.activeRow">
    <td><a href="#">+</a><span style="padding:4px;">{{car.name}}</span></td>
    <td>{{car.review}}</td>
    <td>{{car.rating}}</td>
    <td>{{car.fiveStarPercent}}</td>
    <td>{{car.recommended}}</td>
    <td>{{car.price}}</td>
</tr>
<tr ng-repeat-end ng-show="main.activeRow" ng-repeat="subling in car.descrt">
    <td>{{subling.name}}</td>
    <td>{{subling.rating}}</td>
    <td>{{subling.review}}</td>
    <td>{{subling.description}}</td>
    <td>{{subling.card}}</td>
    <td>{{subling.gift}}</td>
</tr>


{{car.name}
{{car.review}
{{car.rating}
{{car.fiveStarPercent}
{{car.recommended}
{{car.price}}
{{subling.name}
{{subling.rating}
{{subling.review}
{{subling.description}}
{{subling.card}
{{subling.gift}


我不确定
ng repeat
和
ng repeat end
是否有效
在一起，但他们做到了

看起来你想让我们为你写些代码。虽然许多用户愿意为陷入困境的程序员编写代码，但他们通常只在海报已经试图自己解决问题时才提供帮助。演示这项工作的一个好方法是包括您迄今为止编写的代码、示例输入（如果有）、预期输出和实际获得的输出（控制台输出、回溯等）。你提供的细节越多，你可能得到的答案就越多。检查和。你看不出我给出了一个工作示例吗。首先看看我是否想写一段代码不要说任何你想说的话。老实说，在我重新格式化你的问题之前，很难说出你在问什么。我的评论是对那些似乎不太努力的问题的默认评论。我也知道应该有一些参考来询问任何prbm。在说任何事情之前，你也应该检查是否有参考资料。