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 ⚡️⚡️⚡️

📒 Documentation 📒

🚀 Get Started Today – Free 30 Day Trial 🚀

✅ Pricing and Online Demos ✅

🆘 We Are Here to Help 🆘

👍 Follow DevExpress on Social Media 👍

🏁 Review Customer Testimonials 🏁

#DevExpress, #devexpress_blazor #devexpress_web #blazor #web #aspnetcore #dotnetcore #tutorial #Blazorgrid #datagrid #columnresizing #columnchooser #gridcolumns #columncollection

[cfmoin]

I have Bool Values which are automaticlly formated as huge check marks. How can I display them as Numbers or True/False?

[keanupere]

how do you change the height of column chooser to be the same size as the column table