Как добавить значок в тд в конце каждой строки, используя ng-repeat? - PullRequest
Новая
       26

Как добавить значок в тд в конце каждой строки, используя ng-repeat?

0 голосов
/ 10 мая 2019

У меня есть двумерный массив. Я использую его в качестве источника для заполнения HTML-таблицы, используя angularjs ng-repeat. Я хочу добавить значок в конце каждой строки. Он работает в первых двух строках, но в следующих нескольких строках содержится только значок. 

<div ng-app="myApp" ng-controller="tblCtrl">
<table id="tableToFilter" class="w3-table-all w3-small w3-row" ng-cloak>
<tr class="w3-blue w3-mobile">
<th data-row="0" data-col="{{$index}}" ng-repeat="columns in header">{{columns}}</th>
<th></th>
</tr>
<tr class="w3-mobile" ng-show="{{$index > 0}}" ng-repeat="rows in table">
<td data-row="{{$parent.$index}}" data-col="{{$index}}" ng-repeat="columns in rows">{{ columns }}</td>
<td><i class="material-icons editIcon">edit</i></td>
</tr>
</table>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('tblCtrl', function($scope) {
$scope.table = datags;
$scope.header = datags[0];
});
</script>

'datags' выше - это двумерный массив в формате json.stringify. У него нет пар ключ / значение. Это 94 строки и 9 столбцов. Я использую css, чтобы не отображать столбцы 0,4,7,8, чтобы моя таблица помещалась на моем экране. (Я уверен, что есть более чистый способ сделать это.) 

<style>
td[data-col="0"], th[data-col="0"] {
display: none;
}
td[data-col="4"], th[data-col="4"] {
display: none;
}
td[data-col="7"], th[data-col="7"] {
display: none;
}
td[data-col="8"], th[data-col="8"] {
display: none;
}
</style>

скриншот моей таблицы Что я делаю не так?

...