Ir para conteúdo
Fórum Script Brasil
  • 0

Simulando uma tabela com <div> e Tailwinds


Frank K Hosaka

Pergunta

Eu ainda tenho muita dificuldade para trabalhar com o marcador <div> e mais ainda com o CSS Tailwinds, mas com a ajuda da Gemini consegui montar a minha tabela à base de <div>, e aos poucos vou ingressando no mundo "blade" do Laravel:

resources > views > diario.blade.php
<x-app-layout>
  <div class='w-[500px] mx-auto'>
      <div class="flex">
          <div class="w-1/4">
            <form method=post action=diarioDia>
            @csrf
            <input type=date name=dia value='{{ $lctos[0]->dia }}' onchange=submit()>
            </form>
          </div>
      </div>
      <div class="flex">
          <div class="w-1/6 p-0 font-bold">Lcto</div>
          <div class="w-1/6 p-0 font-bold">CtaD</div>
          <div class="w-1/6 p-0 font-bold">CtaC</div>
          <div class="w-1/6 p-0 font-bold">Valor</div>
          <div class="w-1/4 p-0 font-bold">Hist</div>
      </div>
      @foreach($lctos as $lcto)
      <div class="flex">
          <div class="w-1/6 p-0">{{ $lcto->lcto }}</div>
          <div class="w-1/6 p-0">{{ $lcto->contad }}</div>
          <div class="w-1/6 p-0">{{ $lcto->contac }}</div>
          <div class="w-1/6 p-0">{{ $lcto->valor }}</div>
          <div class="w-1/4 p-0 whitespace-nowrap">{{ $lcto->hist }}</div>
      </div>
      @endforeach
  </div>
</x-app-layout>

 

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...