YUI 3.13加载图像的数据表

YUI 3.13加载图像的数据表,yui,yui-datatable,Yui,Yui Datatable,我正在尝试创建一个在状态列中显示图像的数据表。我遵循了stackoverflow的一些示例,但它不起作用。有人知道如何将图像加载到列中吗?下面的代码可以工作,但fomatter函数似乎什么都没有做 <script src ="http://yui.yahooapis.com/3.13.0/build/yui/yui-min.js"></script> <script> (function() { YUI().use("datatable-s

我正在尝试创建一个在状态列中显示图像的数据表。我遵循了stackoverflow的一些示例,但它不起作用。有人知道如何将图像加载到列中吗?下面的代码可以工作,但fomatter函数似乎什么都没有做

<script src ="http://yui.yahooapis.com/3.13.0/build/yui/yui-min.js"></script>
<script>
   (function() {
       YUI().use("datatable-sort", function(Y) {
          var cols = [
              {key: "Status", label: "Health Status", 
                  formatter: function(el, oRecord, oColumn, oData) {
                     if (oData){
                        el.innerHTML = '<img src="info.png">';
                     }
                  },
                       sortable: true},
              {key: "Company", label: "Issue", sortable: true},
              {key: "Phone", label: "Contact"},
              {key: "Contact", label: "Name", sortable: true}
          ],

          data = [
             {Status: "123", Company: "Company Bee", Phone: "415-555-1234", Contact: "Sally Spencer"},
             {Status: "123", Company: "Acme Company", Phone: "650-555-4444", Contact: "John Jones"},
             {Status: "123", Company: "Industrial Industries", Phone: "408-555-5678", Contact: "Robin Smith"}
          ],
          table = new Y.DataTable({
              columns: cols,
              data: data,
              summary: "Contacts list",
              caption: ""
          }).render("#sort");

         });

       })();
   </script>

(功能(){
YUI().use(“数据表排序”,函数(Y){
var cols=[
{键:“状态”,标签:“健康状态”,
格式化程序:函数(el、oRecord、oColumn、oData){
如果(oData){
el.innerHTML='';
}
},
可排序:true},
{键:“公司”,标签:“问题”,可排序:true},
{键:“电话”,标签:“联系人”},
{键:“联系人”,标签:“姓名”,可排序:true}
],
数据=[
{状态:“123”,公司:“公司蜜蜂”,电话:“415-555-1234”,联系人:“Sally Spencer”},
{状态:“123”,公司:“Acme公司”,电话:“650-555-4444”,联系人:“John Jones”},
{状态:“123”,公司:“工业”,电话:“408-555-5678”,联系人:“罗宾·史密斯”}
],
table=新的Y.DataTable({
栏目:cols,
数据:数据,
摘要:“联系人列表”,
标题:“
}).render(“排序”);
});
})();

执行以下操作,而不是执行我所做的操作:

{key: "Status", label: "Health Status", formatter:"<img src='{value}' >", allowHTML: true},...
{key:“Status”,标签:“Health Status”,格式化程序:,allowHTML:true},。。。

成功了

该格式化程序是YUI2数据表格式化程序。YUI3格式化程序有不同的参数。