CODEWITHSUNDEEP
phparraysforeach
wpdd
wpdd

Reputation: 456

How to display all array elements in one column of table

I have three arrays and I want to display each of the array in a separate column of the table. My HTML table contains 3 columns. I want to display these arrays like this.

<table>
    <tr>
        <th>First Column</th>
        <th>Second Column</th>
        <th>Third Column</th>
    </tr>
    <tr>
    <td>Array 1 first value</td>
        <td>Array 2 first value</td>
        <td>Array 3 first value</td>
    </tr>
    <tr>
     <td>Array 1 second value</td>
        <td>Array 2 second value</td>
        <td>Array 3 second value</td>
    </tr>
    <tr>
    <td>Array 1 third value</td>
        <td>Array 2 third value</td>
        <td>Array 3 third value</td>
    </tr>
</table>

This is how my arrays look like.

 $arr1 = array(1, 2, 3, 4);
 $arr2 = array(a, b, c, d);
 $arr3 = array(1, 2, 3, 4);
 $array = array($arr1, $arr2, $arr3);

This is how I tried to display but it did not work as expected.

foreach($array as $key => $arr){
echo '<tr>';

?>
        <td><?php 
        echo $arr[$key]->post_title;
        ?></td>
        <td><?php 
        echo $arr[$key]->post_title;
        ?> </td>
        <td><?php 
        echo $arr[$key]->post_title;
        ?> </td>
    <?php

echo '</tr>';
}

It may be simple but I could not develop the logic to get this working. Any suggestion will be much appreciated.

Upvotes: 0

Views: 970

Answers (3)

Anisur Rahman
Anisur Rahman

Reputation: 660

<?php
$array1 = [
    'Array 1 first value',
    'Array 1 second value',
    'Array 1 third value',
];
$array2 = [
    'Array 2 first value',
    'Array 2 second value',
    'Array 2 third value',
];
$array3 = [
    'Array 3 first value',
    'Array 3 second value',
    'Array 3 third value',
];
?>

<!-- Html part -->
<table>
    <tr>
        <th>First Column</th>
        <th>Second Column</th>
        <th>Third Column</th>
    </tr>
    <?php
        foreach($array1 as $key => $value){
            ?>
            <tr>
                <td><?php echo $array1[$key] ?? '' ?></td>
                <td><?php echo $array2[$key] ?? '' ?></td>
                <td><?php echo $array3[$key] ?? '' ?></td>
            </tr>
            <?php
        }
    ?>
</table>

Html Output:

<table>
   <tr>
      <th>First Column</th>
      <th>Second Column</th>
      <th>Third Column</th>
   </tr>
   <tr>
      <td>Array 1 first value</td>
      <td>Array 2 first value</td>
      <td>Array 3 first value</td>
   </tr>
   <tr>
      <td>Array 1 second value</td>
      <td>Array 2 second value</td>
      <td>Array 3 second value</td>
   </tr>
   <tr>
      <td>Array 1 third value</td>
      <td>Array 2 third value</td>
      <td>Array 3 third value</td>
   </tr>
</table>

Upvotes: 1

Ishaque Javed
Ishaque Javed

Reputation: 406

You can try like this

<?php 

$array1 = ['elm11','elm12','elm12'];

$array2 = ['elm21','elm22','elm23'];

$array3 = ['elm31','elm32','elm33'];

?>
<table>
    <tr>
        <th>First Column</th>
        <th>Second Column</th>
        <th>Third Column</th>
    </tr>
    <tr>
        <?php 
            foreach($array1 as $i => $elm){
        ?>
            <td><?php echo $elm ?></td>
            <td><?php echo (isset($array2[$i]) && !empty($array2[$i]) ) ? $array2[$i] : '' ?></td>
            <td><?php echo (isset($array3[$i]) && !empty($array3[$i]) ) ? $array3[$i] : '' ?></td>
        <?php 
            }
        ?>
    </tr>
</table>

Upvotes: 1

Luca Murante
Luca Murante

Reputation: 317

You can use a multidimensional array and loop through it.

$array = [
    1 => ['banana', 'orange', 'apple'],
    2 => ['ferrari', 'lamborghini', 'pagani'],
    3 => ['mars', 'moon', 'venus'],
];

<table>
    <tr>
        <th>First Column</th>
        <th>Second Column</th>
        <th>Third Column</th>
    </tr>
 <?php foreach($array as $key => $value) { ?>
    <tr>
        <?php foreach($value as $name) { ?>
        <td><?=$name?></td>
        <?php } ?>
    </tr>
<?php } ?>
</table>

Upvotes: 0

Related Questions