Tabela Responsive

[Wisner 0]

Olá Pessoal estou com o seguinte problema:
fiz uma grid e ela tem este layout para desktop e eu queria fazer ela ficar responsive.. tipo se abrir no mobile ela fica de um jeito agradavel para o usuario.
Exemplos:
Minha grid Atualmente :
http://s12.postimg.org/uslqjcuil/grid01.png
Como ela deve ficar :
http://elvery.net/demo/responsive-tables/ <- flip Scroll<br />
Porem estou tentando a horas fazer ela ficar assim só que o maximo que ela chega é até aqui :
http://s24.postimg.org/c6gy7dypx/grid02.png

Ja tentei de tudo e não consigo fazer a quebra de linha dos <.td>

Aqui esta o Codigo :
http://paste.laravel.com/qad

Se alguem puder me ajudar Ja agradeço desde já pois estou apanhando mt para fazer isso. :D
Obrigado.

[Pablo Gates 10]

Cara baixe o framework bootstrap

 

e use essa referência: http://twitter.github.io/bootstrap/base-css.html#tables

 

é só colocar as classes certas no local que deseja xD

[Ricardo Barantini 33]

Ele já está usando o Bootstrap, certo?!

 

Poste o HTML que está sendo gerado nessa tabela.

[Pablo Gates 10]

É só utilizar a forma que está na documentação do bootstrap, de acordo com o que ele precisa

o exemplo segue desta forma:

 

<table class="table">
	<tr>
	  <th>#</th>
	  <th>First Name</th>
	  <th>Last Name</th>
	  <th>Username</th>
	</tr>
	
	<tr>
      <td>1</td>
      <td>Mark</td>
      <td>Otto</td>
      <td>@mdo</td>
    </tr>
    
    <tr>
      <td>2</td>
      <td>Jacob</td>
      <td>Thornton</td>
      <td>@fat</td>
    </tr>
</table>

[Ricardo Barantini 33]

Além do Bootstrap ele está usando o Datatables. Embora o Bootstrap seja responsivo, as tabelas do Datatables não são.

[Vinicius Rangel 208]

mas de qualquer forma, se vc usar propriedades do bootstrap no datatables ele vai ficar responsivo.

[Pablo Gates 10]

Justamente como o Vinicius disse

 

é só utilizar as propriedades do Bootstrap, é só ler a documentação e verificar o que precisa. Sem segredos.

[Ricardo Barantini 33]

Nunca reparei. Bom saber, obrigado. ;)

[Pablo Gates 10]

Por nada. ^^