데이터 테이블의 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 추가 : 열이 특수 문자를 탈출 단순히 HTML로를 통해 들어 가지 않도록 DataTable의 말씀 속성을 true로.