yui - YUI 3 在数据表的列中呈现下拉菜单

Question

我正在尝试将其中一列自定义为下拉列表。这是一个 json 响应，我想将其自定义为下拉列表的列的响应是一个数组。我能够在选择和选项标签中创建一个字符串，但在数据表上它完全显示为字符串而不是下拉列表。我不知道我错过了什么。

我的下拉格式化程序的代码片段如下所示：-

var columns =[
    {
        key:'Form Name',
    },
    {
        key:'Form Number',
    },
    {
        key:'Prefix',
    },
    {
        key:'Suffix',
        id:"suffixColumn",
        formatter: function(o){
            console.log(o);
            var suffixArr = o.data.Suffix;
            var mySelect = '<select>';
            for (var count = 0; count < (suffixArr.length); count++) {
                mySelect += "<option value=\"" + count + "\">" + suffixArr[count] + "</option>";
            }
            mySelect+= '</select>';
            console.log(mySelect);
            return(mySelect) ;
        }
    }                                                  
];

Answer 1

将 allowHTML: true 添加到列属性以告诉 DataTable 不要转义特殊字符并简单地让它们作为 HTML 通过。