KendoReact

React网格布局

确保React应用程序中的不同元素以行和列的网格结构轻松组织。
KendoReact库的一部分，以及100多个用React为React构建的专业UI组件。
快速开始与我们屡获殊荣的支持，详细的文档，互动演示和讲师指导的培训。

立即购买

开始免费试用

概述

React GridLayout组件允许您轻松地将其内容排列成网格结构中的行和列。它提供了一个类似网格的系统，用于组织基于CSS网格布局的应用程序中的内容。您可以配置每行或每列的项，也可以跨行配置内容。KendoReact GridLayout可以帮助你在整个应用程序的多个页面上应用相同的基本规则(页面结构)，确保UI的一致性。

参见React GridLayout演示
外观

每个网格布局都是由基本的构建块(行、列、间隙和内部元素的对齐)组成的。使用KendoReact GridLayout，你可以完全控制这些属性。该组件的目标是尽可能简单地配置行和列尺寸、行和列之间的间隙以及水平和垂直对齐等选项。

参见React GridLayout外观演示
项目

如果你想用相同的模块创建一个更动态的页面布局，打破标准的网格结构，你可以使用KendoReact GridLayout项目特性将几个模块连接在一起，打破视觉流。为此，请使用items属性指定希望在每个项中包含多少列和/或行以及包含哪些列和/或行。

参见React GridLayout Items演示

波bg

下一个步骤

访问我们的演示

看看实际的KendoReact，看看它能做多少开箱即用的事情。

看到价格

为KendoReact购买单独的许可证，或者使用Kendo UI，这是我们完整的JavaScript包。

开始免费试用

请在专门的技术支持下尝试KendoReact。