2017-01-23 3 views
2

나는 검도 그리드 - 앵귤러 2에서 어떻게이 작업을 수행 할 것인가? rowHeightdetailRowHeight을 시도했지만 바뀌지 않는 것 같습니다. 검도 그리드에서kendo ui angular 2에서 colspan/rowspan하는 방법은 무엇입니까?

<table class="table-bordered"> 
     <tr> 
     <th colspan="2">Monday</th> 
     <th colspan="2">Tuesday</th> 
     </tr> 
    <tr> 
     <th>IN</th> 
     <th>OUT</th> 
     <th>IN</th> 
     <th>OUT</th> 
     </tr> 
    </table> 

<kendo-grid> 
<kendo-grid-column title="Monday"></kendo-grid-column> 
</kendo-grid> 

어떻게 및 출력에 적합합니까? 그래서이 모양은 다음과 같습니다. http://plnkr.co/edit/QrZtvo6INtk1yMscZnqQ?p=preview

+0

Plunker 코드는 단순한 html입니다. 문제를 재현 할 수 있도록 각도 및 검도 코드를 입력하십시오. – Win

+0

@Win plunker가 업데이트되었습니다. 나는 검도 그리드가 아래 표와 같아지기를 바란다 – ken

+0

Btw, Kendo-ui는 유료 구독이 될 것이지만 그들은 우리가 지역 사회 지원을 위해 여기에 가기를 원한다. 우리는 질문에 대한 답변으로 보상받을 것입니까? – ken

답변

1

전체 문서는 읽지는 않지만. 옵션 중 하나는 다음과 같습니다.

툴바 구성 요소를 사용하십시오.

<kendo-grid [data]="gridData"> 
      <kendo-grid-toolbar> 
       <span style="display:inline-block;width:49%;text-align:center"> some text</span> 
       <span style="display:inline-block;width:49%;text-align:center"> some text</span> 
      </kendo-grid-toolbar> 
      <kendo-grid-column field="ProductName" width="120"> 
      </kendo-grid-column> 
      <kendo-grid-column field="UnitPrice" width="120"> 
      </kendo-grid-column> 
      <kendo-grid-column field="ProductName" width="120"> 
      </kendo-grid-column> 
      <kendo-grid-column field="UnitPrice" width="120"> 
      </kendo-grid-column> 
     </kendo-grid> 

내가 CSS 좋은 아니에요 : 여기 link

예입니다. 여하튼 너비 : 50 %가 범위에서 작동하지 않습니다. 방금 CSS를 배우기 시작했습니다. 고려해보십시오. 이 도움이 될 수

http://plnkr.co/edit/uM4ZqmLHzIwuS0F34XDh?p=preview

희망 :

다음은 plnkar 링크입니다!

+0

멋지다 .. 함께 작업 할 수있는 솔루션처럼 보인다. – ken