Dynamically create HTML table rows based on php array

Question

I am seriously struggling to grasp my head around the following. I want to build a 3 data cell per row table based on an PHP array. So in other words, if there is 3 values in the array, there should be a structure like:

<?php
$arr = array("value1","value2","value3");
?>

// Expected outcome:
<table>
      <tr>
           <td>value1</td>
           <td>value2</td>
           <td>value3</td>               
      </tr>
</table>

but should a 4th value be added to the array, it must dynamically create another row so in other words:

<?php
$arr = array("value1","value2","value3","value4");
?>

// Expected outcome:
<table>
      <tr>
           <td>value1</td>
           <td>value2</td>
           <td>value3</td>               
      </tr>
      <tr>
           <td>value4</td>
           <td></td>
           <td></td>               
      </tr>
</table>

I really don't mind which solution, even a mix between php and jQuery, but just something I can use to achieve the above.

Exander · Accepted Answer · 2012-04-24 18:29:47Z

5

Use modulo. Like so:

<table>
<tr>
<?php
    $i = 1;
    foreach ($arr as $val){
        $i++;
        print '<td>'.$i.'</td>';
        if ($i % 3 == 0){
            print '</tr><tr>'^;
        }

    }
?>
</tr>
</table>

You will need to add some more stuff for correct html output, but the "hard" part is done.

Don't just copy and paste, I didn't test the code and it's ugly.

edited Apr 24, 2012 at 18:29

Exander

8921 gold badge7 silver badges18 bronze badges

answered Apr 24, 2012 at 13:23

Dario Pedol

2,11016 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Saleh Ghaleb Over a year ago

your code prints a new row before printing the third cell; end of row checking should be after printing all cells not before; beside that you need to watch for first row opening tag <tr> and last row closing tag </tr>..

Dario Pedol Over a year ago

true, thanks. But as I said, it was more about demonstrating the use of modulo than delivering a functioning "copy&paste" solution. Still, you're right and I changed it. I left the code about opening and closing tags intentionally. There is also need to fill underful tr's if the array size is not a multiple of 3 and so on..

Ignas · Accepted Answer · 2012-04-24 13:25:10Z

2

Use array_chunk function to split the array into groups and then just do a couple of loops e.g.

<?php
$arr = array("value1","value2","value3","value4");
echo "<table>";
$rows = array_chunk($arr,3);
foreach($rows as $row) {
  echo "<tr>";
  foreach($row as $cell) {
    echo "<td>".$cell."</td>";
  }
  echo "</tr>";
}
echo "</table>";
?>

answered Apr 24, 2012 at 13:25

Ignas

1,9652 gold badges17 silver badges44 bronze badges

3 Comments

Saleh Ghaleb Over a year ago

This may work but its not the optimal solution; array_chunk and two foreach loops is too expensive.. don't you think?!

Ignas Over a year ago

Yeah right.. if you think that two loops are too expensive try doing three! Saleh, do some benchmarking before commenting. This wouldn't affect the web performance at all. There are hundreds of other things that screw up the performance and running a simple script like this isn't one of them. Besides he's obviously a newbie and my answer (I think) is the most obvious one.

Saleh Ghaleb Over a year ago

No need for benchmarking $more_memory_allocation + $more_execution_tim = $too_expensive, but if you insist do it your self with a 1000 element array and 1000 visitor at the same time.

elo · Accepted Answer · 2012-04-24 13:41:07Z

1

Here is a logic implementation :

<?php
$input_array = array('a', 'b', 'c', 'd', 'e','f','g');
$new_array = array_chunk($input_array, 3);

$table = '<table border="1">';
foreach($new_array as $value){
$table .= '<tr><td>'.$value[0].'</td><td>'.$value[1].'</td><td>'.$value[2].'</td>    </tr>';
}
$table.='</table>';

echo $table;
?>

answered Apr 24, 2012 at 13:41

elo

6154 silver badges11 bronze badges

Comments

MireSVK · Accepted Answer · 2012-04-24 13:26:00Z

0

<table><tr>
<?php
$arr = array("value1","value2","value3","value4","value5","value6","value7");

for($i=0;$i<count($arr)%3;$i++)
  $arr[] = null;

foreach($arr as $key => $val){

  if(($key)%3==0)
    echo '</tr><tr>';

  echo '<td>'.$val.'</td>';

}
?>
</tr></table>

answered Apr 24, 2012 at 13:26

MireSVK

311 bronze badge

Comments

LHolleman · Accepted Answer · 2012-04-24 13:26:37Z

0

<table>
    <tr>
        <?php
        $x = 0;
        foreach($arr as $v){
            if ($x % 3 == 0 && $x != 0){
                echo '</tr><tr>';
            }

            echo '<td>'.$v.'</td>';
            $x++;
        }
        ?>
    </tr>
</table>

answered Apr 24, 2012 at 13:26

LHolleman

2,5962 gold badges20 silver badges19 bronze badges

Comments

Saleh Ghaleb · Accepted Answer · 2012-04-24 13:37:34Z

0

Here is my suggestion which will produce will formatted html

<table>
    <tr>    
    <?php
    $i = 0;
    $items_per_row = 3;

    foreach ($arr as $elm) {
        echo '<td>'.$elm.'</td>';

        if (++$i % $items_per_row == 0 && $i < count($arr) - 1)
            echo '</tr><tr>';
    }
    ?>
    </tr>
</table>

answered Apr 24, 2012 at 13:37

Saleh Ghaleb

1566 bronze badges

Collectives™ on Stack Overflow

Dynamically create HTML table rows based on php array

6 Answers 6

2 Comments

3 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

2 Comments

3 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related