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