我已经使用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代码。
谢谢。
答案 0 :(得分:1)
data.Checkbox="<input type='checkbox' id="checkbox1" name="checkbox1" class='selectAll'/>";
我将在将数据插入表的页面中添加此代码段。因此,当此代码段与type =“ html”插入同一列时,它将显示一个复选框。