:: Documentation >> Tutorial >> Grid >>

Changing the column width and visual style.

You can apply the CSS rules to a particular column using the .active-column-n selector, where n is a datasource index of your column.

<style>
    .active-column-1 {
    	width: 200px;
    	color: #000099;
    	background: #ffffcc;
    	text-align: right;
    	font-weight: bold;
    }
</style>

CSS rules apply both to column cells and column header.

Same thing in javascript (cells only):

Back to Visual Style