vertical-align on datagrid cell

[jrnfs]

Hi,

How can I change the vertical-align to 'top' or 'bottom' instead of middle?

Is it possible? I found no reference.

Tks,

[stworthy]

Use the column's 'formatter' function to format the values.

Code:

$('#dg').datagrid({
	columns:[[
		{field:'itemid',title:'ItemId',width:80,
			formatter:function(value,row){
				return '<div style="height:25px;line-height:12px">'+value+'</div>';
			}
		}
	]]
})

or override the '.datagrid-body td' CSS style.

Code:

<style>
    .datagrid-body td{
        vertical-align: bottom;
    }
</style>

[jrnfs]

tks,

[jrnfs]

...btw, and how can I change the padding value of a column?
tks,

[stworthy]

Please try this:

Code:

<style>
    .datagrid-body td{
        vertical-align: bottom;
    }
    .datagrid-cell,
    .datagrid-cell-group,
    .datagrid-header-rownumber,
    .datagrid-cell-rownumber {
        padding:5px 6px;
    }
</style>

[jrnfs]

tks, again!