columns.width String|Number

The width of the column. Numeric values are treated as pixels. The width option supports the fundamental measuring units. For instance:

• px sets the width in pixels
• cm sets the width in centimeters
• mm sets the width in millimeters
• % sets the width relative to the grid's element width
• em sets the width relative to the font-size of the grid's element width
• rem sets the width relative to font-size of the root element

For more important information, please refer to Column Widths.

Example - set the column width as a string

 <div id="grid"></div>
 <script>
 $("#grid").kendoGrid({
   columns: [
     { field: "name", width: "200px" },
     { field: "age" }
   ],
   dataSource: [
     { name: "Jane Doe", age: 30 },
     { name: "John Doe", age: 33 }
   ]
 });
 </script>

Example - set the column width as a number

 <div id="grid"></div>
 <script>
 $("#grid").kendoGrid({
   columns: [
     { field: "name", width: 200 },
     { field: "age" }
   ],
   dataSource: [
     { name: "Jane Doe", age: 30 },
     { name: "John Doe", age: 33 }
   ]
 });
 </script>