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

【问题标题】：How to put a template column in Vaadin-Grid?如何在 Vaadin-Grid 中放置模板列？
【发布时间】：2016-11-28 15:45:59
【问题描述】：

我有下表：

                <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 吗？

【问题讨论】：

标签： html user-interface web polymer vaadin

【解决方案1】：

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

【讨论】：

【解决方案2】：

你可以试试 HTML 渲染器：

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

【讨论】：

该 API 仅适用于 Vaadin Java 框架网格，不适用于 Web 组件 JavaScript 网格。

【解决方案3】：

请查看即将推出的v2.0.0 并提供实际模板支持。

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

【讨论】：