setColProp not working jqGrid - jqgrid

Question

I have read all the topics regarding this, and it appears that I constructed it correctly. But still the setColProp has no effect. What I am missing here? Please help. I'm using jqGrid 4.4
var grid = $("#l-drill-emp-grid")
var pager_id = 'l-drill-emp-pager';
grid.jqGrid({
data : drillgrid.rows,
datatype: "local",
colNames: ['date', 'day', 'time_In', 'time_Out', 'late','underTime', 'overTime', 'unpaidLV', 'timeOff' ],
colModel: [
{name:'date',index:'date', width:120, sorttype:'date'},
{name:'day',index:'day', width:70, align:"center", sorttype:'text'},
{name:'time_in',index:'time_in', width:80, align:"center"},
{name:'time_out',index:'time_out', width:80, align:"center"},
{name:'late',index:'late', width:80, align:"center"},
{name:'ut',index:'ut', width:80, align:"center"},
{name:'ot',index:'ot', width:80, align:"center"},
{name:'ulv',index:'ulv', width:80, align:"center"},
{name:'timeoff',index:'timeoff', width:80, align:"center"},
],
rowNum:15,
rowList:[10,15,20,30],
viewrecords: true,
loadonce: true,
pager: pager_id,
sortname: 'date',
sortorder: "desc",
height: '100%',
altRows: true,
altclass: 'oddRow',
gridComplete: function() {
grid.find(".jqgrow:odd").hover(
function() { $(this).removeClass("oddRow");},
function(event) { $(this).addClass("oddRow");}
);
},
loadComplete: function(data) {
grid.jqGrid('setColProp', 'date', {
align: "center"
});
},
});

Answer 1

Did you try to change other colModal options? I mean, any other than align? Because according to the documentation there are some properties that may not change.
Read this.