width em porcentagem com jq

[darkshadows 0]

Bom galera estou com um pequeno problema

 

Estou desenvolvendo um site para um rastreador e queria definir um width de 98% para uma grid feita com jQuery que mostra as informações que o rastreador envia para o banco porem não sei como fazer isso em jq, se alguém tiver uma solução para o meu problema eu agradeço :D

 

Segue o codigo

 

 

 

<script>  

              $(function(){
                       function refreshGrid(){
                        $('#grid').datagrid('reload');
                        setTimeout(refreshGrid, 15000);
                       }
                 // cria Grid      
	$(document).ready(function(){
                       $('#grid').datagrid({
                               method: 'POST',
                               url: 'Json.php',  // Select                               
			title: 'Tracker Historic', // Titulo
               striped:true, // listras
               loadMsg:"",
               showRefresh:false,
               panelHeight:'auto',// arruma a altura da linha conforme seu conteudo
			singleSelect:true, // um seleção por vez
			pagination:true,
			rownumbers:false, // numero de linhas
	/*PROBLEMA ->*/	width: 98%, /* <- PROBLEMA*/
			height: 300, // altura
			fitColumns: true, // Ajusta a largura das colunas
			render:'frozen', // desabilita aumentar as colunas
               nowrap:true, // exibir todos os dados em uma linha true melhora o desempenho de carregamento


                               // colunas Fixas!
			frozenColumns:[[
			{field:'imei',title:'Imei',width:80, align:'center',resizable:false,
                                               styler:function(value,row,index){
                                                       return'text-decoration:none;background-color:#FF0;font:bold;'
                                               }
                                       },
              {field:'comando',title:'Command',width:120, align:'center',resizable:false,                                            
                                           styler:function(value,row,index){
                                               if(value == "SPMA"){
                                                   return'background-color:#FF8888;color:##000000;font-weight:bold; border-style: groove inset solid none;';
                                               }                                                
                                           }                                                                                                                                                                        
                                       },
			]],
			// colunas Flexiveis
			columns:[[				
               {field:'data',title:'Data',width:80,align:'center',resizable:false},
			{field:'hora',title:'Time', width:100, align:'center',resizable:false},				
			{field:'velocidade',title:'Speed',width:100,align:'center',resizable:false,
                                  // muda a cor da cedula se a velocidade for maior que 80km
                                  styler:function(value,row,index){
                                        if(value > 80){
                                               return'background-color:#ff8888;color:#000000;font-weight:bold;border-style: groove inset solid none;';
                                        }
                                   } 
                               },
			{field:'coordenada',title:'Localization',width:320,align:'center',resizable:false},
			{field:'checksum',title:'Checksum',width:100,align:'center',resizable:false},
               {field:'plot',title:'Plot',width:100,align:'center',formatter:PlotMark,resizable:false, hidden:false}
			]], 

			//muda a cor da linha caso a a Msg recebia for SPMA(pânico)
			rowStyler:function(index,row){
				if (row.comando == "SPMA"){
					return 'background-color:#708888;color:#000000;font-weight:bold;';
                                   }
			}
                           });
                        });
                     // atualiza grid automaticamente  
                    refreshGrid();
	});
</script>

[William Bruno 1501]

opa, já tentou colocar entre aspas?

 

width: "98%",

 

mas cara.. isso é css. Pq não define no teu css ?

[darkshadows 0]

Já tentei colocar entre aspas e tambem não funciona

 

e tambem já tentei colocar no css e não funciona este jQuery só pega as config pelo JS eu acho.

[William Bruno 1501]

só se tiver alguém sobrescrevendo.

 

conhece o Firebug ? rastreie o estilo, e veja quais seletores estão afetando o seu elemento.

[Rubens De Andrade Garcia 1]

Tente colocar isso no teu objeto

$(this).css("color","red");

[darkshadows 0]

$(this).css("color","red");

 

E isso vai fazer oque?

[Rubens De Andrade Garcia 1]

O This pegara o elemento em sim ai você usa a própriadade css para setar o que você precisa...

[Bru_ce 53]

$("#div").width(800);