2017-01-23 89 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。请放上Angular和Kendo代码,以便我们可以复制该问题。 – Win

+0

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

+0

顺便说一下,剑道会是一个付费订阅,但他们希望我们去这里获得社区支持。我们是否会因回答问题而获得补偿? – ken

回答

1

虽然我没有阅读完整的文档。其中一个选项可能是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

希望这可以帮助!

+0

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

相关问题