docs(grid): add column width behavior article

Author: marin-bratanov

components/grid/columns/width.md

@@ -0,0 +1,25 @@
+---
+title: Width
+page_title: Grid for Blazor | Column Width
+description: Column width behavior in Grid for Blazor
+slug: grid-columns-width
+tags: telerik,blazor,grid,column,width
+published: True
+position: 0
+---
+
+# Grid Column Width Behavior
+
+This article explains how the grid column width behaves depending on the settings applied by the developer.
+
+With regard to the widths of its columns, the scrollable (default) Grid typically behaves as any regular HTML table with a `table-layout: fixed`.
+
+* When all column widths are explicitly set and the cumulative column width is greater than the available Grid width, a horizontal scrollbar appears and all set column widths are respected.
+* When all column widths are explicitly set and the cumulative column width is less than the available Grid width, the remaining width is distributed evenly between all columns.
+* When only some column widths are set and the cumulative width of the columns with set widths is greater than the available Grid width, a horizontal scrollbar appears and all set column widths are respected. Columns with no set width are invisible as their width is `0`.
+* When only some column widths are set and the cumulative width of columns with set widths is less than the available Grid width, the widths of the columns with a set width are respected and the remaining width is distributed evenly between the other columns.
+* When no column widths are set, the available width is distributed evenly between all Grid columns.
+
+# See Also
+
+* [Column Resizing]({%slug components/grid/columns/resize%})