TD's e TR's distribuídas de acordo com a altura - Vertical Ali
Bom dia! Seguinte galera, tenho um problema com TD's e TR's e gostaria de saber se alguém consegue me ajudar nisso: /applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/6xmXsSF.png&key=f32242c1b349323cca5f60340980b63552327dc4298ba362c2ec75c2624ce51e" alt="6xmXsSF.png" /> Essa é a minha tabela. O que preciso é que ela fique assim: /applications/core/interface/imageproxy/imageproxy.php?img=http://i.imgur.com/725djfT.png&key=efc0ac8493b7043ae7e52d2175c7a3f43cc568e2128c5aa248cf8a320d75a731" alt="725djfT.png" /> Repare apenas nas colunas código e cód. criação. Atualmente elas estão alinhadas verticalmente. Mas a altura de cada linha é a altura da fonte, o que eu gostaria é de fazer um "distribute" das alturas. Exemplo: No caso temos 3 linhas, então pegaria o total da altura e dividiria por três para cada linha ter a mesma altura e centralizar verticalmente ali. É possível fazer isso? Trabalho com Bootstrap 3 atualmente. Segue o código:
<div class="box"> <div class="box-header"> <h3 class="box-title">Códigos</h3> </div> <!-- /.box-header --> <div class="box-body table-responsive"> <table id="example1" class="table table-bordered table-striped"> <thead> <tr> <th>Id</th> <th>Nome / Email</th> <th>Códigos</th> <th>Cód.Criação</th> <th>Cód.Validade</th> <th>Status</th> <th>Ações</th> </tr> </thead> <tbody> @foreach ($vendedor->clientes as $cliente) <?php $impar = null.?> <tr> <td class="vert-align-middle"><a href='/cliente/{{ $cliente->id }}'>{{ $cliente->id }}</a></td> <td class="vert-align-middle"> <p class="lineBreaker90"><b><a href='/cliente/{{ $cliente->id }}'>{{ $cliente->nomecompleto }}</a></b></p> <p class="lineBreaker90"><a href='/cliente/{{ $cliente->id }}' title="{{ $cliente->email }}">{{ $cliente->email }}</a></p> </td> <td class='padRightZero vert-align-middle'> @foreach ($cliente->chaves as $chave ) <?php if($impar == 0 || $impar == null){$impar =1. } else {$impar = 0. }?> <div class='nomeProduto<?php echo $impar.?>'><?php if (isset($chave->produto)) echo $chave->produto->nome?></div> @endforeach </td> <?php $impar = null.?> <td class='padLeftRightZero vert-align-middle'> @foreach ($cliente->chaves as $chave ) <?php if($impar == 0 || $impar == null){$impar =1. } else {$impar = 0. }?> <div class='nomeProduto<?php echo $impar.?>'>{{ date("d/m/Y", strtotime($chave->dt_criacao)) }} </div> @endforeach </td> <?php $impar = null.?> <td class='padLeftRightZero vert-align-middle'> @foreach ($cliente->chaves as $chave ) <?php if($impar == 0 || $impar == null){$impar =1. } else {$impar = 0. }?> <div class='nomeProduto<?php echo $impar.?>'>{{ $chave->dt_expiracao_string }} </div> @endforeach </td> <?php $impar = null.?> <td class='padLeftZero vert-align-middle'> @foreach ($cliente->chaves as $chave ) <?php if($impar == 0 || $impar == null){$impar =1. } else {$impar = 0. }?> <div class='nomeProduto<?php echo $impar.?>'><?php if($chave->cancelado == 0 && strtotime('tomorrow') < strtotime($chave->dt_expiracao)){ echo "Ativo". } elseif($chave->cancelado == 1 ) { echo "Cancelado". } else { echo "Expirado". }?> </div> @endforeach </td> <td class="text-center vert-align-middle"> <div class="btn-group"> <a href="vendedor/{{ $vendedor['id'] }}" class="btn btn-info btn-flat" role="button"><i class="glyphicon glyphicon-user"></i></a> <a href="vendedor/{{ $vendedor['id'] }}/produtos/" class="btn btn-info btn-flat" role="button"><i class="glyphicon glyphicon-book"></i></a> <a href="vendedor/{{ $vendedor['id'] }}/novachave/" class="btn btn-info btn-flat" role="button"><i class="fa fa-key"></i></a> </div> </td> </tr> @endforeach </tbody> <tfoot> <tr> <th>Id</th> <th>Nome / Email</th> <th>Códigos</th> <th>Cód.Criação</th> <th>Cód.Validade</th> <th>Status</th> <th>Ações</th> </tr> </tfoot> </table> </div> <!-- /.box-body -->
</div><!-- /.box -->
Discussão (1)
Carregando comentários...