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

Question

我有下表：

                <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：

​

​

我注意到这是因为它在一个SPAN元素中；这个元素是由Vaadin自动添加的，你知道如何让Iron-Icon部署吗？

Answer 1

您还可以使用数据渲染器：https://cdn.vaadin.com/vaadin-core-elements/master/vaadin-grid/demo/formatting.html

Answer 2

您可以尝试使用HTML渲染器：

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

Answer 3

请看一下即将推出的具有实际模板支持的v2.0.0。

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