如何在剑道 UI 角度 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

希望这可能会有所帮助！