Есть ли способ показать содержимое таблицы, например, сетку без прокрутки

Question

Я хочу показать флажок в виде сетки без прокрутки страницы. Я разрабатываю страницу отчетности посещаемости, в которой указано имя студента и флажок со значениями из базы данных. Я хочу, чтобы показать его в сетке, как это:

Мой код показывает, как это:

Мой код:

<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> 

Этот код принять как имя и идентификатор checkbox из базы данных. Любой, пожалуйста, помогите

Answer 1

Вы можете использовать плавающие DIVs вместо таблицы:

<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 } ?> 

Это будет автоматически изменять порядок все DIVs в зависимости от разрешения экрана пользователя.

Answer 2

Вы можете использовать его как это:

<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>