如何在劍道ui angular 2中進行colspan / rowspan？

Question

我將如何在劍道網格中執行此操作 - 角度2.我嘗試了rowHeight和detailRowHeight但它似乎沒有做任何更改。

   <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

Answer 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不好。 某種程度上寬度：50％不適用於跨度。 我剛開始學習CSS。 請考慮。

這是plnkar鏈接：

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

希望這可能有所幫助！