Я использовал таблицу, показывающую данные, используя datatable с помощью angular js с помощью этой статьи.
Но я хочу привязать данные, используя ту же функциональность, с именами столбцов статически в html, например:
В статье автор сделал работу, используя:
<table id="entry-grid" datatable="" dt-options="dtOptions"
dt-columns="dtColumns" class="table table-hover">
</table>
но я хочу сделать это, используя эту функцию, используя ng-repeat в соответствии с моими данными:
<table id="tblusers" class="table table-bordered table-striped table-condensed datatable">
<thead>
<tr>
<th width="2%"></th>
<th>User Name</th>
<th>Email</th>
<th>LoginID</th>
<th>Location Name</th>
<th>Role</th>
<th width="7%" class="center-text">Active</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="user in Users">
<td><a href="#" ng-click="DeleteUser(user)"><span class="icon-trash"></span></a></td>
<td><a class="ahyperlink" href="#" ng-click="EditUser(user)">{{user.UserFirstName}} {{user.UserLastName}}</a></td>
<td>{{user.UserEmail}}</td>
<td>{{user.LoginID}}</td>
<td>{{user.LocationName}}</td>
<td>{{user.RoleName}}</td>
<td class="center-text" ng-if="user.IsActive == true"><span class="icon-check2"></span></td>
<td class="center-text" ng-if="user.IsActive == false"><span class="icon-close"></span></td>
</tr>
</tbody>
</table>
Я также хочу добавить новый столбец внутри таблицы, используя ту же функциональность, что и при нажатии кнопки "Добавить новую запись".
Возможно ли это?
Если да, как это возможно, это будет хорошо и спасибо заранее, если кто-нибудь покажет мне в jsfiddle или любом редакторе.
Пожалуйста, СКАЧАТЬ исходный код, созданный в редакторе Visual Studio для демонстрации