yui - データテーブルの列の YUI 3 レンダリング ドロップダウン

Question

列の 1 つをドロップダウンにカスタマイズしようとしています。それは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 を column 属性に追加して、特殊文字をエスケープせず、単純に HTML として通過させるように DataTable に指示します。