"table-responsive" em table pai e filho - URGENTE

Boa tarde,

Estou Desenvolvendo um formulário, na qual o mesmo tem uma table pai e filho de itens.

Essa table tem necessidade de 13 campos por cada linha.

Com isto precisaria que na table ficasse com barra de rolagem em baixo da table, para melhor usabilidade do usuario.

Porem ja fiz todas as tentativas usando o metodo da class CSS do fluig style "table-responsive"

Porem todas as tentativas sem sucesso..

Alguem teria um exemplo ou ja passado por isto?

PRECISO QUE A TABLE FIQUE COM A BARRA DE ROLAGEM EM BAIXO E OS CAMPOS RESPEITASSE A CLASS DA COLUNA..

no aguardo,

Grato deste jaá

:warning: Atenção: Esta publicação foi transferida automaticamente do fórum antigo, mas os anexos não foram incluídos.

Ola Wilson, conseguiu resolver esse problema ?

Acredito que overflow-x: auto; resolva essa situação.

Uma outra solução é você criar sua table usando apenas uma tag TD (coluna), para cada tag TR (linha). Dessa forma você dentro da TD pode incluir um DIV class="row" para utilizar o padrão de colunas do css bootstrap.

@Offtopic: Quando for submeter uma pergunta, manda um code snippet por gentileza, ajuda bastante.

Cara, como o styleguide do fluig é basicamente uma customização do bootstrap, acredito que se usar o markup do bootstrap resolverá o seu problema.

O table-responsive não é aplicado na table e sim na div pai.

Bootstrap Responsive Tables


<div class="table-responsive">
  <table class="table">
        <!-- Sua tabela -->
  </table>
</div>