Is there any way to show table content like grid without scroll - php

Question

I want show checkbox as a grid without scrolling the page. I am developing a attendance reporting page which shows student name and checkbox with values from database. I want to show its in a grid like this:
My code shows like this:
My code:
<table border="1" cellspacing="2" cellpadding="5" summary="">
<?php
while ($row = mysql_fetch_assoc($res)){?>
<th>
<input type="checkbox" class="input" id="input
<?php echo $row['st_id']; ?>"
name="student[]" value="<?php echo $row['st_id']; ?>"
checked="checked" >
<?php echo $row['st_name'] ; ?>
<label for="input<?php echo $row['st_id']; ?>">
</label>
</th>
This code take both name and checkbox id from the database..Anybody please help

Answer 1

You can use floating DIVs instead of table:
<style>
.inputDiv{
float: left;
padding: 5px;
margin: 5px;
border: 1px solid black;
}
</style>
<?php while ($row = mysql_fetch_assoc($res)) { ?>
<div class="inputDiv">
<input type="checkbox" class="input" id="input<?php echo $row['st_id']; ?>" name="student[]" value="<?php echo $row['st_id']; ?>" checked="checked" > <?php echo $row['st_name']; ?>
<label for="input<?php echo $row['st_id']; ?>"></label>
</div>
<?php } ?>
This will reorder automatically all DIVs depending of user's screen resolution.

Answer 2

You can use it like this:
<table border="1" cellspacing="2" cellpadding="5" summary="">
<?php
$counter = 1;
while ($row = mysql_fetch_assoc($res)){
if($number==1 ) {
echo '<tr>';
}
if($number %6 == 0) {
echo '</tr><tr>';
}
?>
<th> <input type="checkbox" class="input" id="input<?php echo $row['st_id']; ?>" name="student[]" value="<?php echo $row['st_id']; ?>" checked="checked" > <?php echo $row['st_name'] ; ?> <label for="input<?php echo $row['st_id']; ?>"></label></th>
<?php
$counter++;
if($number==0 || $number %6 == 0) {
echo '</tr>';
}
}
?>
</tr>
</table>