Blazor Grid: Column Types, Column Resize and Visibility

The Blazor data grid can display different column types: bound and unbound data columns, command and selection columns. This video demonstrates how to fill in the grid’s column collection and customize column appearance. You will also learn how to change column size and visibility, display the Column Chooser that allows users to manage a column list at runtime, and specify different resize modes for columns. ⏱ Timeline ⏱ 0:00 Add a grid to a page and bind it to data. 0:19 Add data columns and bind them to data source fields. 0:55 Customize column appearance: specify captions, display format. 1:24 Add an unbound column that reflects the total price. 1:59 Add a command column that contains data management buttons. The buttons allow users to create, edit, and remove rows. 2:29 Add a selection column that simplifies row selection. 2:44 Manage column visibility: hide columns, specify column visible indexes. 3:14 Enable users to customize the column list via the integrated Column Chooser. Users can show/hide and reorder columns with ease. 4:10 Hiding a column in the column chooser. 4:28 Specify a column width. Use different resize modes for columns. ⚡️⚡️⚡️ Overview ⚡️⚡️⚡️ https://www.devexpress.com/blazor/data-grid 📒 Documentation 📒 https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxGrid#column-types https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxGrid#column-management 🚀 Get Started Today – Free 30 Day Trial 🚀 http://dxpr.es/NUGET http://dxpr.es/FREE-TRIAL ✅ Pricing and Online Demos ✅ http://dxpr.es/BUY http://dxpr.es/DEMOS 🆘 We Are Here to Help 🆘 http://dxpr.es/SUPPORT 👍 Follow DevExpress on Social Media 👍 http://dxpr.es/FACEBOOK http://dxpr.es/TWITTER http://dxpr.es/BLOGS 🏁 Review Customer Testimonials 🏁 http://dxpr.es/TESTIMONIALS http://dxpr.es/MARKETPLACE #DevExpress, #devexpress_blazor #devexpress_web #blazor #web #aspnetcore #dotnetcore #tutorial #Blazorgrid #datagrid #columnresizing #columnchooser #gridcolumns #columncollection