表中未显示图像（Oracle JET ojTable 组件）答案

【问题标题】：Image not displayed in Table (Oracle JET ojTable component)表中未显示图像（Oracle JET ojTable 组件）
【发布时间】：2017-04-04 14:26:33
【问题描述】：

我试图使用 Oracle JET 在 HTML 表中显示图像，我已在支持 JavaScript 文件中编写了此内容：

var image = document.createElement("IMG"),
image.setAttribute("src", "../../../status_up.png");
self.listData.push({
                        Status: image
                    });

在 HTML 中，代码如下：

<table id="test_table"
   data-bind="ojComponent: {component: 'ojTable', 
                            data: datasource, 
                            scrollPolicy: 'loadMoreOnScroll',
                            selectionMode: {row: 'single', column: 'single'},
                            columnsDefault: {sortable: 'enabled'}, 
                            columns: [{headerText: 'Status',
                                       field: 'Status'}]
                            rootAttributes: {'style':'width: 100%; height: 230px;'}}">

表格显示正确，但应该显示图像的列显示如下：

[object HTMLImageElement]

快照

我看到图像 URL 的格式正确，当我转到图像 URL 时，我能够下载并看到图像。但它不会出现在 HTML 表中。我在这里遗漏了什么吗？

【问题讨论】：

标签： javascript knockout.js oracle-jet

【解决方案1】：

这里是用于提问和讨论的 Oracle JET 论坛：

https://community.oracle.com/community/development_tools/oracle-jet

【讨论】：

stackoverflow.com/questions/43520553/… .你能帮我解决这个问题吗？？

【解决方案2】：

您应该创建一个自定义行模板：custom_row

然后在该列中，您可以放置任何 html 属性。在这种情况下，您可以将 img 属性与 src url 放在一起。

【讨论】：