Ir para conteúdo


Foto

[Table] ExtJS 3.4

table

  • Por favor, faça o login para responder
Não há respostas para este tópico

#1 eriictjs

eriictjs

    Iniciante

  • Membros
  • Pip
  • 1 posts

Postado 07 November 2017 - 11:42

Boa tarde a todos,
 
Estou tentando fazer uma tabela, igual a um excel, em anexo. Estou usando layout table. Nunca usei esse framework gostaria de saber se tem uma forma mais facil de fazer esse exemplo ou se a forma que estou fazer está correta se terei msm que mexer no css dele.
Segue codigo que estou fazendo.
 
new Ext.Panel(
{
title : "<img src='includes/images/default/new.png'  align='top'/>&nbsp;&nbsp;&nbsp;&nbsp;Cadastro de Motivo de Alteracao",
collapsible : true,
frame : true,
style : "background:#FFF; text-align: left;",
renderTo : 'container',
autoHeight : true,
width : 730,
autoScroll : true,
 
title : 'Planilha de Previsão de Vendas',
width : 1150,
height : 150,
layout : {
type : 'table',
// The total column count must be specified here
columns : 20
},
 
defaults : {
// applied to each contained panel
bodyStyle : 'padding:20px'
},
 
items : [
{
// title: '&nbsp',
html : 'P4D1P2',
cls : 'altura',
// style: 'width:138px;',
items : [ {
title : 'Codigo da Operacao ',
style : 'width:140px; ',
} ]
 
},
{
// title: '&nbsp',
html : 'Paletizado',
cls : 'altura',
// style: 'width:135px;',
items : [ {
title : 'Tipo da Operacao',
style : 'width:140px;',
} ]
 
},
{
// title: '&nbsp',
cls : 'altura',
html : 'JBS Natalinos',
// style: 'width:135px;',
items : [ {
title : 'Cliente ;',
style : 'width:140px;',
} ]
},
{
// title: '&nbsp',
html : 'Congelado',
cls : 'altura',
// style: 'width:135px;',
items : [ {
cls : 'teste-coluna1',
title : 'Segmento',
// style: 'width:220px;',
} ]
},
{
html : '1',
cls : 'teste-coluna',
items : [ {
id : teste,
name : teste,
title : 'Quantidade Media PA movimentado Por Veiculo Base Tons Carreta / Densidade PA',
// style: 'width:105px;',
} ]
},
{
// title: '&nbsp',
html : 'Entrada',
cls : 'altura',
// style: 'width:135px;',
items : [ {
title : 'Evento em Pallets ',
style : 'width:140px;',
} ]
}, {
title : 'Janeiro',
html : '1.000',
style : 'width:135px;',
items : [ {
title : 'Mov. de Pallets (Fisicos) Mes',
style : 'width:140px;',
} ]
}, {
title : '&nbsp',
html : '41',
style : 'width:135px;',
items : [ {
title : 'Veiculos dia Base Carreta/Dia',
style : 'width:140px;',
} ]
}, {
title : 'Fevereiro',
html : '1.000',
style : 'width:135px;',
items : [ {
title : 'Mov. de Pallets (Fisicos) Mes',
style : 'width:140px;',
} ]
}, {
title : '&nbsp',
html : '41',
style : 'width:135px;',
items : [ {
title : 'Veiculos dia Base Carreta/Dia',
style : 'width:140px;',
} ]
}, {
title : 'Marco',
html : '1.000',
style : 'width:135px;',
items : [ {
title : 'Mov. de Pallets (Fisicos) Mes',
style : 'width:140px;',
} ]
}, {
title : '&nbsp',
html : '41',
style : 'width:135px;',
items : [ {
title : 'Veiculos dia Base Carreta/Dia',
style : 'width:140px;',
} ]
}, {
title : 'Abril',
html : '1.000',
style : 'width:135px;',
items : [ {
title : 'Mov. de Pallets (Fisicos) Mes',
style : 'width:140px;',
} ]
}, {
title : '&nbsp',
html : '41',
style : 'width:135px;',
items : [ {
title : 'Veiculos dia Base Carreta/Dia',
style : 'width:140px;'
} ]
} ]

 

Agradecido






0 usuário(s) está(ão) lendo este tópico

0 membros, 0 visitantes, 0 membros anônimos