jQuery Grid Plugin - jqGrid

Dear

I am create a grid,and my code is given below

colNames:[ ' STUDENT ID ' ,'FIRST NAME','MIDDLE NAME','LAST NAME','CREATION DATE','PASSWORD','ACCOUNT STATUS'], 
colModel:[
{name:'student_id',index:'1',editrules:{required:true,},search:true,width:105,key:true, hidden:false, editable:true,edittype:"text",editoptions: {size:30}},
{name:'fname',index:'2',editrules:{required:true,},search:true,width:105,key:false, hidden:false, editable:true,edittype:"text",editoptions: {size:30}},
{name:'mname',index:'3',editrules:{required:false,},search:true,width:105,key:false, hidden:false, editable:true,edittype:"text",editoptions: {size:30}},
{name:'sname',index:'4',editrules:{required:true,},search:true,width:105,key:false, hidden:false, editable:true,edittype:"text",editoptions: {size:30}},
{name:'creation_date',index:'5',editrules:{required:false,},search:true,width:105,key:false, hidden:false, editable:false,edittype:"text",editoptions: {size:30}},
{name:'password',index:'6',editrules:{required:true,},search:true,width:105,key:false, hidden:false, editable:true,edittype:"text",editoptions: {size:30}},
{name:'account_stat',index:'7',editrules:{required:true,},search:true,width:105,key:false, hidden:false, editable:true,edittype:"select",editoptions: {value:"Active:Active;Inactive:Inactive"}},],
 rowNum:6,
 rowList:[2,6,12,15],


the problem is that ,suppose width value is 105 and my grid column is so large
it hide the maximum portion of content but when i click on column head and slide
then it shown .