動態生成ng表格模板

我正在使用ng表格進行漂亮的可排序和可逐列過濾的表格。不幸的是，我正在使用它（從他們如何進行演示獲得相當標準的副本），爲了啓用過濾功能，我必須爲每列編寫一堆HTML。有些表格有幾十列，這是非常乏味的。有沒有辦法從模型中動態生成ng-table，而不必手動編碼每個表頭？這是我的NG-表HTML樣本：動態生成ng表格模板

<table ng-table="tableParams" show-filter="true" export-csv="csv" class="table table-bordered  table-hover table-condensed"> 
     <tr ng-repeat="item in $data"> 
     <td data-title="'STUDYID'" filter="{ 'STUDYID': 'text' }" sortable="'STUDYID'"> 
      {{item.STUDYID}} 
     </td> 
     <td data-title="'SITEID'" filter="{ 'SITEID': 'text' }" sortable="'SITEID'"> 
      {{item.SITEID}} 
     </td> 
     <td data-title="'SUBJID'" filter="{ 'SUBJID': 'text' }" sortable="'SUBJID'"> 
      <a href="/profiles?subject={{item.SUBJID}}&study={{item.study_id}}&version={{item.version}}">{{item.SUBJID}}</a> 
     </td> 
     </tr> 
     </table>

基本上，我想是這樣的，但與列級篩選啓用：http://plnkr.co/edit/Qt9FnE?p=preview

非常感謝您的任何建議！

來源

2015-01-14 Mlalahoi

找到了解決方案由EVILKOST一個Plunker，這就像一個魅力。 $ scope.filter_dict可以留空，因爲我有動態列在控制器的一個小循環填充$ scope.columns。

$scope.columns = [ 
      { title: 'Name', field: 'name', visible: true, filter: { 'name': 'text' } }, 
      { title: 'Age', field: 'age', visible: true } 
     ];

偉大的解決方案！ http://plnkr.co/edit/H5EoKuIsUU68OCrsRgS1?p=preview

來源

2015-01-14 14:25:33 Mlalahoi

動態生成ng表格模板

回答

相關問題