如何在Vaadin-Grid中放置模板列?

时间:2016-11-28 15:45:59

标签: html user-interface web polymer vaadin

我有下表:

                <vaadin-grid id="temp" style=" height:70vh;">
                  <table>
                    <colgroup>
                      <col name="Column1"/> 
                      <col name="ColumnTime"/>                                
                    </colgroup> 
                    <thead>
                      <tr>
                        <th >Column1</th>
                        <th >ColumnTime</th>
                      </tr>
                   </thead>
                  </table>
                </vaadin-grid>

和我的数据源:

{
    "Column1": "My Name",
    "ColumnTime": "<iron-icon icon='image:timelapse' style='cursor:pointer'></iron-icon>"

}

问题是Vaadin-Grid没有部署Iron-Icon:

enter image description here

我注意到它是因为它在SPAN元素内;这是由Vaadin自动添加的,任何想法如何使Iron-Icon部署?

3 个答案:

答案 0 :(得分:1)

答案 1 :(得分:0)

您可以尝试使用HTML呈现器:

grid.getColumn("ColumnTime").setRenderer(new HtmlRenderer());

答案 2 :(得分:0)

请使用实际模板支持查看即将发布的v2.0.0

https://cdn.vaadin.com/vaadin-grid/2.0.0-alpha1/demo/