Line drawing of a small moon orbiting around a planet with the words FAST next to it
Docs
1.x
  • 2.x
  • 1.x
Home Community GitHub
  • Apps and Experiences
    • Dependency Injection
  • Community
    • Branch Guide
    • Code of Conduct
    • Contributor Guide
    • Issue Management
    • Joining the community
    • Release Planning
    • Writing documentation
  • Components
    • Components QuickStart
  • Design Systems
    • Creating a Component Library
    • Design Tokens
    • The FAST Frame Design System
    • High Contrast in FAST
    • What is a Design System?
  • Design
    • Localization
    • MatchMedia Stylesheets
  • FAST Element
    • Declaring Templates
    • Defining Elements
    • Getting Started with FAST Element
    • Leveraging CSS
    • Next Steps
    • Observables and State
    • Using Directives
    • Working with Shadow DOM
  • Integrations
    • Angular
    • ASP.NET
    • Aurelia
    • Blazor
    • Ember
    • Introduction
    • React
    • Rollup
    • Svelte
    • Vite
    • Vue
    • Webpack
  • Introduction
  • Resources
    • Acknowledgements
    • Browser Support
    • Cheat Sheet
    • FAQ
    • Glossary
    • License
    • Security
    • Why Web Components?
  • Tools
    • Component Explorer
    • Hot Module Reload
    • Visual Studio Code

@microsoft/fast-foundation > ColumnDefinition > gridColumn

ColumnDefinition.gridColumn property

Sets the css grid-column property on the cell which controls its placement in the parent row. If left unset the cells will set this value to match the index of their column in the parent collection of ColumnDefinitions.

Signature:

gridColumn?: string;
Docs
  • FAST Element
Community
  • Discord
Social
  • Blog
  • GitHub
  • Twitter
Legal
  • License
  • Privacy & cookies
  • Terms of use
  • Trademarks
© Microsoft 2025