Blazor的Telerik UI?下载30天免费试用

更改寻呼机下拉宽度

环境

产品 布莱泽的寻呼机,
网格Blazor,
Blazor的ListView

描述

如何改变寻呼机下拉列表的宽度,使其更宽?当下拉列表中的页面大小数字包含三个或更多数字时,将被切断。

解决方案

使用自定义CSS覆盖默认宽度在Telerik Blazor主题中。

  1. 设置自定义到组件(Pager, Grid或ListView)。
  2. 目标的.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;}
在本文中
Baidu
map