• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Vue Wrappers End of Life
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UI
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
New to Kendo UI for Vue? Start a free 30-day trial

GridLayoutItemProps

Represents the props of the Kendo UI for Vue GridLayoutItem component.

NameTypeDefaultDescription

class?

string

Sets additional CSS classes to the GridLayoutItem.

col?

number

Defines the column line from which the element will start (see example).

colSpan?

number

Specifies the number of columns over which the element will span (see example). Defaults to 1.

content?

any

Sets the content of the GridLayoutItem.

id?

string

Sets the id property of the root GridLayoutItem element.

row?

number

Defines the row line from which the element will start (see example).

rowSpan?

number

Specifies the number of rows over which the element will span (see example). Defaults to 1.

style?

any

Sets additional CSS styles to the GridLayoutItem.

In this article

Not finding the help you need?