Ajustar Layout do DataGrid usando o makeScrollable(); Ajustar Layout do DataGrid usando o makeScrollable(); Olá pessoal bom dia, estou com um pequeno problema simples que até hoje tento resolver e não consigo. Quando uso um datagrid com o makeScrollable(); o header (Titulos) não fica proporcional as colunas do corpo, alguém tem a solução e poderia me ajudar? TQuickGrid: ...
FV
Ajustar Layout do DataGrid usando o makeScrollable();  
Fechado
Ajustar Layout do DataGrid usando o makeScrollable();

Olá pessoal bom dia, estou com um pequeno problema simples que até hoje tento resolver e não consigo.
Quando uso um datagrid com o makeScrollable(); o header (Titulos) não fica proporcional as colunas do corpo, alguém tem a solução e poderia me ajudar?

TQuickGrid:

 
  1. <?php
  2. $this->dgProduto = new TQuickGrid('dg_produto');
  3. $this->dgProduto->style = "width: 100%;";
  4. $this->dgProduto->setHeight(130);
  5. $this->dgProduto->makeScrollable();
  6. $this->dgProduto->disableDefaultClick();
  7. $codigoProduto = new TDataGridColumn('codigo_produto', 'Código', 'left', 70);
  8. $descricaoProduto = new TDataGridColumn('descricao', 'Descrição', 'left', 370);
  9. $Und = new TDataGridColumn('produto->unidade', 'Und', 'left', 70);
  10. $quantidade = new TDataGridColumn('quantidade', 'Quantidade', 'left', 90);
  11. $precoVenda = new TDataGridColumn('produto->preco_venda', 'Preço Venda', 'left', 100);
  12. $subTotal = new TDataGridColumn('sub_total', 'Sub. Total', 'left', 100);
  13. $cst = new TDataGridColumn('produto->cst->csosn', 'CST', 'left', 100);
  14. $aliquota = new TDataGridColumn('produto->aliquota->percentual_icms', 'Aliquota', 'left', 100);
  15. $aliquotaIpi = new TDataGridColumn('produto->ipi->', 'Aliquota IPI', 'left', 100);
  16. $precoVenda->setTransformer(array($this, 'formatarNumeros'));
  17. $quantidade->setTransformer(array($this, 'formatarDecimal'));
  18. $subTotal->setTransformer(array($this, 'formatarNumeros'));
  19. //$cst->setTransformer(array($this, 'formatarNumeros'));
  20. $aliquota->setTransformer(array($this, 'formatarNumeros'));
  21. //$aliquotaIpi->setTransformer(array($this, 'formatarNumeros'));
  22. $this->dgProduto->addColumn($codigoProduto);
  23. $this->dgProduto->addColumn($descricaoProduto);
  24. $this->dgProduto->addColumn($Und);
  25. $this->dgProduto->addColumn($quantidade);
  26. $this->dgProduto->addColumn($precoVenda);
  27. $this->dgProduto->addColumn($subTotal);
  28. $this->dgProduto->addColumn($cst);
  29. $this->dgProduto->addColumn($aliquota);
  30. $this->dgProduto->addColumn($aliquotaIpi);
  31. $btnExcluirProduto = new TDataGridAction(array($this, 'onDeleteProduto'));
  32. $btnExcluirProduto->setLabel('Excluir');
  33. $btnExcluirProduto->setImage('fa: fa- fa-minus-circle fa-lg red');
  34. $btnExcluirProduto->setField('codigo_produto');
  35. $this->dgProduto->addAction($btnExcluirProduto);
  36. $this->dgProduto->createModel();
  37. ?>


Segue o print em anexo.

Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!


Dominando o Adianti Framework Quero me inscrever agora!

Comentários (6)


NR

Felipe, você pode usar o TScroll com a datagrid e retirar o makeScrollable:
 
  1. <?php
  2. $scroll = new TScroll();
  3. $scroll->setSize($width,$height);
  4. $scroll->add($this->dgProduto);
  5. ?>


Lembre de adicionar o $scroll no container principal ao invés da grid
FV

Deu certo, mas vou ver se há algum outro jeito para deixar o scroll no tbody, irei dá uma olhada no fonte do grid. mesmo obrigado.
CS

Salve, Felipe Vicente. Conseguiu resolver o problema do scroll no tbody?

[]'s

Stclara.
ML

Boa tarde, alguem sabe me dizer que painel é esse usado na imagem?
RS

Olá amigos,

Conseguiram resolver o desalinhamento das colunas?

Aqui eu consegui adicionando no style da Grid $this->detalhes_pro->style = 'overflow-x:auto';

Funcionou perfeitamente.
IV

Alguém conseguiu resolver o problema do scroll somente no body?