0

我已经使用 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 代码。

谢谢。

4

1 回答 1

1 

data.Checkbox="<input type='checkbox' id="checkbox1" name="checkbox1" class='selectAll'/>";

我将在我将数据插入表的页面中添加此代码段。所以当这个片段被插入到 type="html" 的同一列中时，它会显示一个复选框。

于 2019-05-27T10:42:59.920 回答