Versão atual:

Tabela com bootstrap

Estou fazendo a alimentação de uma tabela a partir de dados que vêm de um Dataset.

Uma rotina javascript faz um loop na resposta dos constraints do dataset e vou montando uma tabela via texto, conforme pedaço de código abaixo:

[... código acima desta linha omitido...]

for (var x = 0; x < quantidadeRegistros; x++) {

var row = retorno.values[x];

var dataAndamento = new Date(row[retorno.columns[4]]);

var andamento =row[retorno.columns[1]].trim();

concatena = concatena+'

'+row[retorno.columns[12]]+ ''+row[retorno.columns[10]]+ ''+row[retorno.columns[11]]+ ''+dataAndamento.toLocaleString()+ ''+andamento+''+ row[retorno.columns[6]]+''+ row[retorno.columns[14]]+'';

}//for

objTab.append(concatena);

objTab.append(concatena); ```

[... restante do código omitido ...]

A tabela é preenchida corretamente, mas a widget se desconfigura, quando o método append é executado, fazendo vazar o conteúdo da tabela e invadindo qualquer widget à direita desta.

No primeiro arquivo anexado com a imagem da widget, veja que o limite da widget está sendo respeitado, antes da execução da busca.

No segundo arquivo anexado, de nome fluig_forum_fluig_forum_limWidget_preenchida.jpg, veja o efeito indesejável.

Li em algum lugar que não devemos usar o método append, mas acredito que não se aplique em qualquer caso.

Seria o método em questão o responsável pela desconfiguração?

Já tentei de tudo, em relação às classes bootstrap, sem sucesso.

Versões (9):

Ver a versão formatada

Tabela com bootstrap

  • criado 22 de Mar de 2020

Comentário

new question