TD's e TR's distribuídas de acordo com a altura - Vertical Ali

[André - Editor 0]

Bom dia!

 

Seguinte galera, tenho um problema com TD's e TR's e gostaria de saber se alguém consegue me ajudar nisso:

 

 

 

Essa é a minha tabela. O que preciso é que ela fique assim:

 

 

 

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 -->

[Maujor 144]

Postar programação inserida em marcação HTML para esclarecer dúvida de HTML/CSS é totalmente inútil.

Gere a marcação HTML criada pelo script PHP e poste a HTML que é o quer interessa.

Para resolver sua dúvida há necessidade de tentar advinhar o que o PHP está gerando.

Normalmente quem vai tirar uma dúvida copia a HTML e/ou as CSS no editor local e tenta resolver com auxílio da barra ferramentas do desenvolvedor ou, como muitos fazem, olham o código e chutam: "acho que fazendo isso deve funcionar".