更改寻呼机下拉宽度
环境
产品 | 布莱泽的寻呼机, 网格Blazor, Blazor的ListView |
描述
如何改变寻呼机下拉列表的宽度,使其更宽?当下拉列表中的页面大小数字包含三个或更多数字时,将被切断。
解决方案
使用自定义CSS覆盖默认宽度在Telerik Blazor主题中。
- 设置自定义
类
到组件(Pager, Grid或ListView)。 - 目标的
.k-pager-sizes .k-dropdownlist
使用此自定义的组件中的元素类
.
更改寻呼机下拉框宽度
page in Grid:
Standalone Pager:
@code {private List GridData {get;设置;}私有列表 pagesize {get;设置;} = new List {10,20, null};OnInitialized() {GridData =新列表<产品>();For (int I = 1; i <= 50; i++) { GridData.Add(new Product() { Id = i, Name = "Product " + i }); } } public class Product { public int Id { get; set; } public string Name { get; set; } } }
要瞄准应用程序中的所有寻呼机实例,你可以跳过自定义CSS类:
更改所有寻呼机下拉框的宽度
.k-page -size .k-dropdownlist{宽度:12em;}