如何将行分成适合屏幕尺寸的部分

Question

我正在使用PHP根据用户输入从MySQL表显示一行。

由于表中有很多列，因此我检索了很多列，用户必须向右滚动以查看所有数据。

我正在使用以下代码在页面上显示内容。

$sql2="select * from student_information where student_id='$id'";
$result2=mysqli_query($conn,$sql2);

if($result2->num_rows > 0){
    echo '<table width="100%" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" border="1" class="db-table">';
    echo '<tr><th>STUDENT__FIRST_NAME</th><th>STUDENT__LAST_NAME</th><th>STUDENT_ID</th><th>ADDRESS</th><th>CITY</th><th>STATE</th><th>ZIP</th><th>COUNTRY</th><th>PHONE</th><th>DEPARTMENT</th><th>MAJOR</th>
<th>EMAIL</th><th>MAILING_ADDRESS</th><th>HEALTH_INSURANCE</th><th>CREDIT_HOURS</th><th>GROUP</th><th>GENDER</th><th>DOB</th><th>STATUS</th><th>NOTES</th><th>JOINED_ON</th></tr>';

    while($rowz2 = mysqli_fetch_assoc($result2)){
        echo "<tr>";
        foreach($rowz2 as $key=>$value){
            echo '<td>',$value,'</td>';
        }
        echo '</tr>';
    }
    echo "</table><br/>";
}
else {
   echo "<h2>No data based on the entered values</h2>";
}

如何将输出行分成两行，以便将输出行分为两部分显示，使其适合屏幕，而无需向右滚动。

Answer 1

您不能假定用户屏幕具有任何定义的宽度。 它的范围从手机到超宽显示器...最好让您的桌子每行保持一条记录。

您可以使用一些CSS响应表技巧

看看这个https://css-tricks.com/examples/ResponsiveTables/sensitive.php