sql >> Databáze >  >> RDS >> Mysql

Rozdělte data do 3 sloupců

Můžete to udělat pomocí operátoru modulus, ale ve skutečnosti je to možné pouze pomocí CSS.

Pomocí display: inline-block , můžete získat dobrý sloupcový efekt. Podívejte se na tento JSFiddle zde . JavaScript používám jen proto, že jsem líný; <div> seznam by ve vašem případě vygenerovalo PHP. Pokud je chcete omezit na určitou šířku, vložte je do kontejneru <div> s pevnou šířkou.

Přišel jsem s řešením pomocí tabulek, což je opravdu to, co byste měli dělat (neuvedli jste žádné speciální případy použití). Kód je níže a také funkční demo zde .

$columns = 4;       // The number of columns you want.

echo "<table>";     // Open the table

// Main printing loop. change `30` to however many pieces of data you have
for($i = 0; $i < 30; $i++)
{
    // If we've reached the end of a row, close it and start another
    if(!($i % $columns))
    {
        if($i > 0)
        {
            echo "</tr>";       // Close the row above this if it's not the first row
        }

        echo "<tr>";    // Start a new row
    }

    echo "<td>Cell</td>";       // Add a cell and your content
}

// Close the last row, and the table
echo "</tr>
</table>";

A na závěr máme naše rozvržení zaměřené na sloupce, tentokrát se vracíme k div s. Je zde nějaké CSS; toto by mělo být umístěno v samostatném souboru, není ponecháno v řádku .

<?php
$rows = 10;     // The number of columns you want.
$numItems = 30;     // Number of rows in each column

// Open the first div. PLEASE put the CSS in a .css file; inline used for brevity
echo "<div style=\"width: 150px; display: inline-block\">";

// Main printing loop.
for($i = 0; $i < $numItems; $i++)
{
    // If we've reached our last row, move over to a new div
    if(!($i % $rows) && $i > 0)
    {
        echo "</div><div style=\"width: 150px; display: inline-block\">";
    }

    echo "<div>Cell $i</div>";      // Add a cell and your content
}

// Close the last div
echo "</div>";
?>



  1. 4 způsoby, jak získat definici pohledu pomocí Transact-SQL

  2. Zahrnout výsledky null do group_concat

  3. Více sloupců v MATCH PROTI

  4. MySQL dotaz pro společné přátele