Как сделать выпадающее меню Kendo всегда видимым внутри сетки Кендо

Question

Я пытаюсь установить простой выбор внутри сетки Kendo, но мне не повезло. Выбор не отображается. Любая идея, что мне нужно сделать?

Вот мой код:

JS

$(document).ready(function() { 
     $("table").kendoGrid({ 
      autoBind: true, 
      scrollable: false, 
      sortable: false, 
      selectable: false, 
      filterable: false 
     }); 
    }); 
$(document).ready(function() { 
    $('select').kendoDropDownList(); 

}); 

HTML

<table style="min-height:400px;"> 
    <thead> 
     <tr> 
      <th>ALL Vaults</th> 
      <th> 
      </th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>1</td> 
      <td> 
       <select> 
        <option>option 1</option> 
        <option>option 2</option> 

       </select> 
      </td> 
     </tr> 
     <tr> 
      <td>2</td> 
      <td> 
       <select> 
        <option>option 1</option> 
        <option>option 2</option> 

       </select> 
      </td> 
     </tr> 
     <tr> 
      <td>3</td> 
      <td> 
       <select> 
        <option>option 1</option> 
        <option>option 2</option> 

       </select> 
      </td> 
     </tr> 
    </tbody> 
</table> 

http://jsfiddle.net/rFDD6/458/

Answer 1

Вы не можете добиться того, что вы хотите с этой конфигурацией. См demo

function DropDownEditor(container, options) { 
    $('<select data-bind="value:' + options.field + '"><option>option 1</option><option>option 2</option></select>') 
     .appendTo(container) 
     .kendoDropDownList(); 
}