如何在kendo ui angular 2中做colspan/rowspan？

我會如何做到這一點劍道網格 - 角2.我試過rowHeight和detailRowHeight，但它似乎沒有做任何改變。如何在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

來源

2017-01-23 ken

你的Plunker代碼只是簡單的HTML。請放上Angular和Kendo代碼，以便我們可以複製該問題。 – Win

@Win plunker已更新。我想劍道網格如下表 – ken

順便說一下，劍道會是一個付費訂閱，但他們希望我們去這裏獲得社區支持。我們是否會因回答問題而獲得補償？ – ken

雖然我沒有閱讀完整的文檔。其中一個選項可能是followinng：

使用工具欄組件。這裏是link

例如：

<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。不知何故寬度：50％不適用於跨度。我剛開始學習CSS。請考慮。

這裏是plnkar鏈接：

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

希望這可以幫助！

來源

2017-01-23 18:42:18

cool ..看起來像我可以使用的解決方案 – ken

如何在kendo ui angular 2中做colspan/rowspan？

回答

相關問題