Pergunta sobre o Data Tables Generator da Supsystic do WordPress: Duas tabelas lado a lado

Um usuário perguntou 👇

Oi eu criei duas tabelas usando susystic. Eu queria exibi-los lado a lado na mesma linha. Atualmente ele só mostra um após o outro. O código que usei no meu editor é:

[supsystic-tables id=29] [supsystic-tables id=30]

Alguém pode me ajudar, por favor??

(@supsysticcom)

faz 3 anos

Olá @crashok

Recebi sua pergunta, mas não entendi muito bem. Talvez você possa fornecer uma descrição mais detalhada com capturas de tela e links. E ficarei feliz em ajudar.

(@carolaword)

2 anos, 10 meses atrás

Oi @crashok, o ticket diz que está resolvido, como você pode fazer isso funcionar?

Meu site mostra 3 ou mais tabelas, mas a capacidade de resposta e os destaques seguidos só funcionam na primeira, não sei o que fazer

(@mwarbinek)

2 anos, 6 meses atrás

As tabelas não serão exibidas lado a lado, mesmo se você não estiver usando o plug-in. A razão é que uma tabela é um elemento de bloco.

Dito isso, no fluxo do conteúdo do documento em uma página, um elemento de bloco terá sua própria linha, a largura total da página. Assim, todos os elementos do bloco serão movidos para a próxima linha, por padrão.

Em qualquer elemento de bloco, limite-o e você verá que a largura de toda a página é independente do conteúdo. Mesmo se você restringir a largura de um elemento de bloco para permitir que outros objetos estejam próximos a ele, não funcionará porque um elemento de bloco permanece um elemento de bloco independentemente de sua largura.

Para alterar o layout padrão de um elemento de bloco, use CSS para alterar sua exibição para “bloco em linha”. Este é um método.

Outro método, ainda CSS, é usar a propriedade e o valor “float: left”. Usar “position:absolute” é outro, mas isso exigirá muito trabalho usando as propriedades de posicionamento “margin” ou “left” ou “right” e você deve ter o elemento pai na tabela, como DIV. be »position: relative» para ter a tabela de posicionamento completa.

A melhor maneira que encontrei para alinhar tabelas lado a lado é fazer HTML e CSS personalizados, criar um elemento DIV wrapper que dobre todas as tabelas e use as propriedades da caixa flexível. Em seguida, cada tabela é dobrada em seu próprio elemento DIV e dá a cada DIV individual uma largura fixa.

Lembre-se de que essas tabelas lado a lado não respondem e só funcionarão para telas de desktop e algumas telas de mesa, dependendo do tamanho da tela. O método de caixa flexível que descrevi é melhor usado para tabelas que o plugin gera, desta forma o plugin irá lidar com a capacidade de resposta da tabela.

Espero que isso ajude.

Esta resposta foi modificada há 2 anos e 6 meses. Esta resposta foi modificada há 2 anos e 6 meses. Esta resposta foi modificada há 2 anos e 6 meses.

(@supsysticcom)

2 anos, 5 meses atrás

@mwarbinek, agradecemos sua explicação detalhada sobre esse problema. Não há nada a acrescentar à sua resposta. Afirmativo!

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *