Blazor Spreadsheet Example - Cell Borders
| A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | AA | AB | AC | AD | AE | AF | AG | AH | AI | AJ | AK | AL | AM | AN |
|---|
| 1 |
| 2 |
| 3 |
| 4 |
| 5 |
| 6 |
| 7 |
| 8 |
| 9 |
| 10 |
| 11 |
| 12 |
| 13 |
| 14 |
| 15 |
| 16 |
| 17 |
| 18 |
| 19 |
| 20 |
| 21 |
| 22 |
| 23 |
| 24 |
| 25 |
| 26 |
| 27 |
| 28 |
| 29 |
| 30 |
| 31 |
| 32 |
| 33 |
| 34 |
| 35 |
| 36 |
| 37 |
| 38 |
| 39 |
| 40 |
| 41 |
| 42 |
| 43 |
| 44 |
| 45 |
| 46 |
| 47 |
| 48 |
| 49 |
This sample demonstrates the cell borders capabilities of Spreadsheet using a product inventory data. It highlights how you can outline cells, group related data, and improve visual structure, making it easier to organize and present information clearly.
The Blazor Spreadsheet cell borders feature enables you to frame cells or ranges with various border styles and colors. To enable cell borders, set the AllowCellFormatting property to true.
Applying Cell Borders:
- All Borders, Outside, Thick Border - Quickly frame cells or ranges with common preset border styles for consistent formatting.
- Line style and color - Choose from various border styles (solid, dashed, dotted, etc.) and customize border colors to match your design.
- Individual sides - Apply borders selectively to top, bottom, left, or right edges of cells for precise control over cell outlines.
- Gridlines toggle - Show or hide gridlines for the sheet using ribbon options (View → Gridlines) to adjust visual density while editing.
In this demo, you can apply various border styles to the product inventory dataset to enhance visual organization. Select cells and use the border options from the ribbon or context menu to create clear data groupings and improve readability.
For more detailed information about cell borders, refer to the cell borders documentation.