Skip to content Skip to sidebar Skip to footer

How To Format Table Rows Into 2 Columns

Please excuse me if this question is elementary - fairly new to working with mysql. I left out the query and loop/references in the code below, because my question is on formatting

Solution 1:

td means table data which is basically a cell or column

tr stands for table row

The number of td inside your tr will determine how many columns you are going to get.

Also, have a look at the td attribute colspan and rowspan here

In your specific case my guess is that you want to add another td inside your table

<table width="85%" align="center" cellspacing="15">
    <tr>
        <td bgcolor="#dddddd" style="border:1px solid #000000; padding:12px"></td>
        <td bgcolor="#dddddd" style="border:1px solid #000000; padding:12px"></td>
    </tr>
</table>

UPDATE: to loop through your data you need something like this

echo '<table width="85%" align="center" cellspacing="15">';
echo '<tr>';
$i = 0;
while(...) {
    // skip the first iteration
    // then after every second <td> close the <tr> and open a newone
    if($i > 0 and $i % 2 == 0) {
        echo '</tr><tr>';
    }
    echo '<td bgcolor="#dddddd" style="border:1px solid #000000; padding:12px"></td>';
    $i++;
}
echo '</tr>';
echo '</table>';

Solution 2:

Try to avoid echo for html code, and use tr for rows and td for I shall post the code how it works for me:

?>
<table width="85%" align="center" cellspacing="15">
  <?php
  //query,loop, references
  ?>
    <tr>
      <td bgcolor="#dddddd" style="border:1px solid black; padding:12px;">
        <form action="index.php" method="get">
          <input type="hidden" name="page" value="viewproject">
          <input type="hidden" name="projectid" value="<?php $echo projectid;?>">
          <input type="submit" value="View Event">
        </form>
      </td>
      <td>
        <form action="jump_delete.php" method="post" align="right">
          <input type="hidden" name="projectid" value="<?php $echo projectid;?>">
          <input type="submit" value="Delete">
        </form>
      </td>
    </tr>
    <tr>
      <td style="font-weight:bold; font-size:18px;">
        <?php echo $projectclient;?>
      </td>
      <td style="font-size:15px">
         Event:<?php echo $projectname;?>
      </td>
    </tr>
    <tr>
      <td style="font-size:15px">
        Date: <?php echo $duedateformatted;?>
      </td>
      <td style="font-size:15px">
        Staff Count: <?php echo $projectstaffcount;?>
      </td>
    </tr>
    <?php
    //close loop
    ?>
</table>
<?php

Solution 3:

tr add rows to you table
td add cells inside a row tr

Assuming you need the additional cell after the second form, you will need an additional <td></td>

echo('<table width="85%" align="center" cellspacing="15">');
//query,loop, references

   echo('<tr>
      <td bgcolor="#dddddd" style="border:1px solid #000000; padding:12px">
         <div style="float:right">
            <form action="index.php" method="get">
                <input type="hidden" name="page" value="viewproject">
                <input type="hidden" name="projectid" value="'.$projectid.'">
                <input type="submit" value="View Event"></form>
                <br>
            <form action="jump_delete.php" method="post" align="right">
                <input type="hidden" name="projectid" value="'.$projectid.'">
                <input type="submit" value="Delete"></form>
         </div>
              // Additional td here
      </td>
      <td>
         <div style="font-weight:bold; font-size:18px">'.$projectclient.'</div>
            <div style="font-size:15px"><b>Event:</b> '.$projectname.'</div>
            <div style="font-size:15px">Date: '.$duedateformatted.'</div>
            <div style="font-size:15px">Staff Count: '.$projectstaffcount.'</div>
      </td>
    </tr>');

Post a Comment for "How To Format Table Rows Into 2 Columns"