Styles

To change column style you can use width, align and wrap attributes as well as class/className and style.

Width

You can specify column width using width attribute:

const columns = [
    { field: 'customerID', width: 50 }  // set column width to 50px
];

The width should be numeric.

Align

To align cell content right or center use align attribute:

const columns = [
    { field: 'price', align: 'right' }  
];

Possible values are 'left', 'right', 'center' - this is just a shortcut for style="text-align:{...}"

class/className

Use class or className attributes to assign css classes to the cell.

const columns = [
    { field: 'id', className: 'my-cls' }  
];

Use className with React, class with other frameworks.

Style

The style attribute allows to set css styles.

const columns = [
    { field: 'address', style: 'background: #eee'}  
];

Could be either a string or an object:

const columns = [
    { field: 'address', style: {background: '#eee'}}  
];