如何格式化ng-repeat表的特定列中的单元格?

时间:2016-06-16 18:32:20

标签: javascript html css angularjs semantic-ui

我有一张桌子,最后一列溢出了页面。它只是一行溢出页面的右边缘并保持延伸,但你无法看到它或滚动它。我正在使用语义ui框架。

如何在最后一列的每个单元格的边界内包含文本?我不确定如何处理它,因为我需要使用ng-repeat来生成表格数据。

我尝试将ng-style="overflow:scroll; max-width:300px"添加到我的<td></td>代码中,但它为表格中的每个单元格应用了一个可滚动的溢出单元格。

<table class="ui left aligned red table"
                ng-show="ishowError">
                <thead>
                    <tr>
                        <th ng-repeat="head in headers"
                            ng-bind="ifixHeader(headers[$index])"></th>
                    </tr>
                </thead>
                <tbody>
                    <tr
                        ng-repeat="nfo in allError | filter:dashFilter">
                        <td ng-repeat="head in headers"
                            ng-bind="nfo[headers[$index]]">
                            </td>
                    </tr>
                </tbody>
            </table>

1 个答案:

答案 0 :(得分:1)

为什么不使用“最后一个孩子”&#39;选择?将其添加到您的CSS。

/bundles/

希望它有所帮助。