2017-07-19 13 views
10

の内部に<mdt-header-row>を動的に配置します。コードのこの作品は正常に動作していないよう:デフォルトの列は、材料設計データテーブル(iamisti/mdDataTable)に表示されません。

hide-column-by-default="c.selector_hidden"

列が表示されていないテーブルのデフォルトをロードする場合。一部の列はデフォルトとして設定され、「列セレクタ」から除外されるため、セレクタ内のすべての列を選択してもこれらの列は表示されません。

テーブルカードに...columnSelector: false}...を設定すると、私のカラムが表示されますが、カラムを選択する機能はなくなりました!

どうすればこの問題を解決できますか?

これはMDTヘッダ行である:

<mdt-header-row> 
<mdt-column 
hide-column-by-default="c.selector_hidden" 
exclude-from-column-selector="c.selector_exclude" 
column-sort="c.sort" 
sortable-rows-default="c.sort_default" 
column-key="{{c.key}}" 
align-rule="{{c.align}}" 
column-definition="{{c.definition}}" 
ng-repeat="c in tableHeader"><span>{{c.name}}</span></mdt-column> 

</mdt-header-row> 

データはコントローラにこの配列から来ている: https://codepen.io/anon/pen/JJQyKN?editors=1111

+0

$ scope.tableHeaderにselector_hiddenフィールドはありません。私はそれが代わりに隠されるべきだと思う – Vivz

+0

より具体的にするか、特定のドキュメントを指してくださいできますか?おかげで、これを固定してくれることを楽しみにしていました:-) –

+1

いいえ、あなたのオブジェクトの配列$ scope.tableHeaderについて話しています。私は、あなたのmdt-columnにhide-column-by-default = "c.selector_hidden"を使用していることがわかります。しかし、配列$ scope.tableHeaderにselector_hiddenプロパティはありませんか? – Vivz

答えて

0

実際にこの問題は、この命令自体は問題です。私はmd-data-table.jsファイルを修正し、 "isVisible"参照列をtrueに変更しなければなりませんでした。私は同様に、isHiddenプロパティを "isVisable"に変更しました。これはmd-data-table-templates.jsファイルによって参照されているためです。要件を満たすためにコードをさらに修正したため、特定のパッチを提供することはできません。しかし残念ながら、このプロジェクトは開発者によって放棄されたようです。

2

$scope.tableHeader = [ 
     { 
      name: 'Dessert (100g serving)', 
      definition: '', 
      align: 'left', 
      sort: true, 
      sort_default:false, 
      hidden: false, 
      selector_exclude:false, 
      selector_hidden:false 
     },... 

Iはまた、それのためにフォークを作成

このコードは正しく動作していないようです:

あなたがするtableHeaderの配列内のオブジェクトのいずれかで selector_hidden性質を持っていないためです

hide-column-by-default="c.selector_hidden"

。これは次のようになります。

$scope.tableHeader = [ 
     { 
      name: 'Dessert (100g serving)', 
      definition: '', 
      align: 'left', 
      sort: true, 
      sort_default:false, 
      hidden: false, 
      selector_exclude:false, 
      selector_hidden:true 
     },... 
+0

いいえ、私はこれが問題ではないと思っています!それを表示するためにcodepenを更新しましたが、まだ動作していません! https://codepen.io/anon/pen/JJQyKN?editors=1111 –

関連する問題