I use kendoDropDownList as editor in few cells in kendo grid .
How can I define the width of the list to be depended on the list items length (auto) and not on the containing cell width?
The issues for this question are:
• I don’t want to change the columns width, just the popup list, so that the list will be wider than the cell.
• I support in my grid few languages, so I don’t know on the grid loading – what items are going to be in the list.
6 Answers, 1 is accepted
To achieve the expected result you can set width auto to the DropDownList editor:
I have similar question. I need to have dropdown wider than a column, because dropdown should provide more item information than in a column. When I use suggested width: auto !important; dropdown stays inside of column and not even expands down. Please help. Thank you.
In Similar issue, I ahve a kendo grid which has two dropdown list in it. How to set different width for it.
Consider grid is having two drop down list.
columns.Bound(m => m.Employee).ClientTemplate("#:EmployeeName#");
columns.Bound(m => m.BirthPlace).ClientTemplate("#:BirthPlaceName#");
In Css, if i declare it as
width : 100px !important ;
The size is set for both the columns(dropdown). I need width 50px to EmployeeName and width 100px to Birthplace. Is it possible?
For this you could set different class names to Employee and BirthPlace columns and use these classes in the CSS selectors. For example: