在使用 type="html" 将 HTML 代码呈现为 px-data-column 时需要帮助答案

【问题标题】：Need help in rendering HTML Code to px-data-column with type="html"在使用 type="html" 将 HTML 代码呈现为 px-data-column 时需要帮助
【发布时间】：2019-05-16 20:22:54
【问题描述】：

我使用 px-data-table 在聚合物 1.0 中编写了一个表格，我希望该表格中的一列显示一个复选框选项。

我在编写 filterFunctionName 以及如何在特定列中呈现 html 代码时遇到问题。

'''
<px-data-table id="mytable" filterable selectable table-data="{{minidata}}">
   <px-data-table-column name="first" filterable sortable editable>
    </px-data-table-column>
    <px-data-table-column name="last" editable sortable> 
    </px-data-table-column>
    <px-data-table-column name="Checkbox" type="html" filterable
     filter-function-name="myTableCustomFunctions.Rendercheckbox()">
     </px-data-table-column>
 </px-data-table>
'''

在表格中，我需要在最后一列中看到一个复选框。我尝试了很多方法来通过使用 DOM 或使用过滤器函数名称来呈现那一小段 html 代码。谁能帮助我了解如何在此处实际添加 html 代码。

谢谢。

【问题讨论】：

标签： javascript polymer-1.0 predix

【解决方案1】：

data.Checkbox="&lt;input type='checkbox' id="checkbox1" name="checkbox1" class='selectAll'/&gt;";

我将在我向表中插入数据的页面中添加这个 sn-p。所以当这个 sn-p 插入到 type="html" 的同一列中时，它会显示一个复选框。

【讨论】：