2016-08-31 6 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를 아직도 가지고 있고 어떤 ide도 가지고 있지 않다.

+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

흠 머리 부분에 두 개의 다른 구성 요소를 렌더링하면 내용이 같아집니다. 내용에는 onclick 함수가있는 버튼이 있습니다. 클릭 후 셀 디타일과 테이블 셀이 수평으로 확장됩니다. 그런 다음 머리글 구성 요소 열에도 확장됩니다. 그리고 난 연장 후이 헤더 셀 안에 뭔가를 추가하고 싶습니다. –