的Blazor GridLayout组件允许您在网格结构的行和列中排列组件的内容。

网格布局组件是为Blazor的Telerik UI，一个具有100个本地组件的专业级UI库，用于构建现代和功能丰富的应用程序。想要试用它，请注册一个30天的免费试用。

下载免费试用

创建GridLayout

Telerik GridLayout的基本配置

将GridLayout中的项目拆分为三列两行。*@          < gridlayouttems >< gridlayouttitem >< div style="border: 1px gray solid;"> item 1

    item 2 
    item 3 
    item 4 
    item 5

行

定义一个新的GridLayoutRow标记将在组件中呈现一个新行。你可以通过使用高度参数暴露在< GridLayoutRow >标签。

定义一个新的GridLayoutColumn标签将在组件中呈现一个新列。方法可以设置它们的宽度宽度参数暴露在< GridLayoutColumn >．

GridLayout项定义了TelerikGridLayout的内容。更多信息请参见Items文章。

参数	类型和默认值	描述
`类`	`字符串`	类中添加自定义CSS类`< div class = " k-grid-layout”>`元素。
`宽度`	`字符串`	控制GridLayout的宽度。
`列空间`	`字符串`	控制GridLayout中列之间的空间。
`行空间`	`字符串`	控制GridLayout中行之间的空间。
`HorizontalAlign`	`GridLayoutHorizontalAlign`枚举（`拉伸`）	控制GridLayout列中的内部项基于X轴的对齐方式。
`VerticalAlign`	`GridLayoutVerticalAlign`枚举（`拉伸`）	控制GridLayout列中的内部项基于Y轴的对齐方式。