ng-table使用Angularjs合并列标题

时间:2013-08-14 07:06:53

标签: angularjs

我将合并列与ng-table

联系起来

如果我想要合并表头与ng-table,

我搜索了ng-table的文档,但没有任何内容,

我发现了html属性cloumnspan,但我想要合并表头,

</td>
<td data-title="'Funds'" sortable="funds" style="width: 150px; text-align: center">
    {{user.funds}}
</td>
<td data-title="'Funds'" sortable="funds" style="width: 150px; text-align: center">
    {{user.funds}}
</td>

但ng-table上没有,我该如何合并标题?

请帮助

1 个答案:

答案 0 :(得分:1)

使用类似于他们在此处所做的HTML:http://www.w3.org/TR/html401/struct/tables.html用于名为的结构 “包含合并单元格的测试表”

/-----------------------------------------\
|          |      Average      |   Red    |
|          |-------------------|  eyes    |
|          |  height |  weight |          |
|-----------------------------------------|
|  Males   | 1.9     | 0.003   |   40%    |
|-----------------------------------------|
| Females  | 1.7     | 0.002   |   43%    |
\-----------------------------------------/

保留标题文本的第二行(无高度或权重)为空,但按照模型将数据绑定到列。

其他方法可能是通过合并模型中两个属性的数据来​​创建一个新属性,并在表格中创建带有标题的单个列。

希望这些想法对你有所帮助。感谢。