Kendo dropdownList彈出自動寬度

Question

我有kendo下拉列表，它有很大的價值，它不會自動適應其結果。請幫忙。

<div class="col-md-12 no-padding"> 
<select id="serviceAccounts" 
    kendo-drop-down-list 
    k-ng-model="vm.customer.serviceAccountId" 
    k-value-primitive="true" 
    k-options="vm.setServiceAccountOptions" style="width: 100%"> 

功能

function setServiceAccountOptions() { 
vm.setServiceAccountOptions = { 
    dataSource: { data: JSON.parse(localStorage.getItem("listServiceAccount")) }, 
    dataTextField: 'dataTextField', 
    dataValueField: 'serviceAccountId', 
    change: function() { 
    acctSearchService.getServiceAccountsById(this.value()) 
    .then(getServiceAccountSuccess, getServiceAccountFailure); 
    }, 
    template: 
    "<table><tr><td>${ serviceAccountId } : </td><td>${ serviceAccountStatus } </td><td>${ serviceType } - </td><td>${ serviceAddress}</td></tr></table>" 
    }; } 

This how its looks right now

I want something like this

是否有可能與劍道下拉列表？

Answer 1

有關於這在文檔網站的例子：

http://docs.telerik.com/kendo-ui/controls/editors/dropdownlist/how-to/auto-adjust-the-width