colspan/rowspan在kendouiangular2中怎么做？

Question

我如何在 kendo 网格中执行此操作 - angular 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格子

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

我该如何进出？所以它看起来像这样 http://plnkr.co/edit/QrZtvo6INtk1yMscZnqQ?p=preview

Answer 1

虽然我没有阅读完整的文档。其中一个选项可能如下所示：

使用工具栏组件。这是 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。不知何故 width:50% 在跨度上不起作用。我刚开始学习css。请考虑。

这里是 plnkar link:

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

希望这对您有所帮助！

colspan/rowspan在kendouiangular2中怎么做？

How to do colspan/rowspan in kendo ui angular 2?

kendo-ui-angular2

angular