2016-08-31 36 views
0

角度2と角度tの質問があります。 セルの幅をリサイズする場合にのみ、テーブルセルの内容を表示することはできますか?通常の幅に戻ったときに非表示にしますか?テーブルセルの角度2 Ts可能なイベント

<td class='month-inner'*ngFor="let dates of monthDate; #idx = first" [style.padding-left]="idx === true ? '54px' : ''" > 
    <tr style='background-color:#3670af;' > 
     <td colspan="3" >{{dates.yearMonth}}</td> 
    </tr> 
    <tr>                                
     <th>Ov</th> 
     <th>Ov_min</th> 
     <th>Pic_Min</th> 
    </tr> 

私は内部のすべてのものにしたい "< TDクラス= '月-インナー'>" 幅が大きくなったら示しています。 私はまだ角2とtsを残していますし、それを行う方法もありません。

+0

TRを、イベントをバインドする方法を提供している。この例でわかるように、ここでhttps://angular.io/docs/ts/latest/guide/user-input.htmlを示すよう これを達成することができますか? –

+0

あなたは時々それをする必要があります。 6年のデータを持つ大きなテーブル:/ –

+0

trが有効ではない場合は、[td内に新しいテーブルを追加する]必要があります(http://stackoverflow.com/questions/17088868/html-table- tr-inside-td) –

答えて

0

これには2つの答えがあると思います。

  1. セル幅のサイズ変更時にスローされるDOMイベントはありますか?したがって、 はすべての可能なDOMイベントのリストです。 https://developer.mozilla.org/en-US/docs/Web/Eventsイベントにはサイズ変更 イベントがありますが、セルのサイズ変更はドキュメントビューのサイズ変更であり、具体的には ではありません。
  2. Angular 2 の関数にDOMイベントをバインドする方法を教えてください。そうすればアクションを実行できますか?あなたは 彼らはTD内 機能へ
+0

Hmmは他の2つのコンポーネントをヘッダーにレンダリングしています。内容はこのようになります。コンテンツにはボタンonclickがあります。クリック後、セルのデタイルとテーブルセルが水平に広がります。その後、ヘッダーコンポーネントの列にも拡張されます。そして、私はこのヘッダーセルの内側に何かを追加したいと思っています。 –

関連する問題