首页 > 解决方案 > 如何使用 PHP 和 jQuery 将下一行放在第一行的底部?

问题描述

我想将下一行放在第一行的底部。我该怎么做?我使用 PHP 和 jQuery 制作表格。问题是当我创建超过 1 行时,结果在同一行。有人可以帮我解决我的问题吗?数据来自我的数据库表。

在此处输入图像描述

//PHPCODE.PHP
else if(isset($_POST['btnView'])){
        $selectData = $conn->query("SELECT * from tbl_wedding");
        echo "<table align='center' border='1'>
                <th>Groom FirstName</th>
                <th>Groom MiddleName</th>
                <th>Groom LastName</th>
                <th>Groom DateOfBirth</th>
                <th>Groom Address</th>
                <th>Bride FirstName</th>
                <th>Bride MiddleName</th>
                <th>Bride LastName</th>
                <th>Bride DateOfBirth</th>
                <th>Bride Address</th>
                <th>Reservation Date</th>
                <th>Select Time</th>
                <tr>";

        while($row = $selectData->fetch_assoc()){
            echo "<td>" . $row['GroomFirstName'] . "</td>" . "<td>" . $row['GroomMiddleName'] . "</td>" . "<td>" . $row['GroomLastName'] . "</td>" . "<td>" . $row['GroomDOB'] . "</td>" . "<td>" . $row['GroomAddress'] . "</td>" . "<td>" . $row['BrideFirstName'] . "</td>" . "<td>" . $row['BrideMiddleName'] . "</td>" . "<td>" . $row['BrideLastName'] . "</td>" . "<td>" . $row['BrideDOB'] . "</td>" . "<td>" . $row['BrideAddress'] . "</td>" . "<td>" . $row['ReservationDate'] . "</td>" . "<td>" . $row['SelectTime'] . "</td>";
        }
        echo "</tr></table>";
    }

//JSCODE.JS
while($row = $selectData->fetch_assoc()){
            echo "<td>" . $row['FirstName'] . "</td>" . "<td>" . $row['MiddleName'] . "</td>" . "<td>" . $row['LastName'] . "</td> " . "<td>" . $row['DateOfBirth'] . "</td>" . "<td>" . $row['Address'] . "</td>" . "<td>" . $row['NameOfFather'] . "</td>" . "<td>" . $row['NameOfMother'] . "</td>" . "<td>" . $row['ReservationDate'] . "</td>" . "<td>" . $row['BapSelectTime'] . "</td>";
        }
        echo "</tr></table>";

标签: phpjquery

解决方案


您必须将<th>and括<td><tr>. <tr>表示行。所以每个数据必须在一行内倾斜。不是吗?

else if(isset($_POST['btnView'])){
        $selectData = $conn->query("SELECT * from tbl_wedding");
        echo "<table align='center' border='1'>
                <tr>
                <th>Groom FirstName</th>
                <th>Groom MiddleName</th>
                <th>Groom LastName</th>
                <th>Groom DateOfBirth</th>
                <th>Groom Address</th>
                <th>Bride FirstName</th>
                <th>Bride MiddleName</th>
                <th>Bride LastName</th>
                <th>Bride DateOfBirth</th>
                <th>Bride Address</th>
                <th>Reservation Date</th>
                <th>Select Time</th>
                </tr>";

        while($row = $selectData->fetch_assoc()){
            echo "<tr><td>" . $row['GroomFirstName'] . "</td>" . "<td>" . $row['GroomMiddleName'] . "</td>" . "<td>" . $row['GroomLastName'] . "</td>" . "<td>" . $row['GroomDOB'] . "</td>" . "<td>" . $row['GroomAddress'] . "</td>" . "<td>" . $row['BrideFirstName'] . "</td>" . "<td>" . $row['BrideMiddleName'] . "</td>" . "<td>" . $row['BrideLastName'] . "</td>" . "<td>" . $row['BrideDOB'] . "</td>" . "<td>" . $row['BrideAddress'] . "</td>" . "<td>" . $row['ReservationDate'] . "</td>" . "<td>" . $row['SelectTime'] . "</td></tr>";
        }
        echo "</table>";
    }

//JSCODE.JS
while($row = $selectData->fetch_assoc()){
            echo "<tr><td>" . $row['FirstName'] . "</td>" . "<td>" . $row['MiddleName'] . "</td>" . "<td>" . $row['LastName'] . "</td> " . "<td>" . $row['DateOfBirth'] . "</td>" . "<td>" . $row['Address'] . "</td>" . "<td>" . $row['NameOfFather'] . "</td>" . "<td>" . $row['NameOfMother'] . "</td>" . "<td>" . $row['ReservationDate'] . "</td>" . "<td>" . $row['BapSelectTime'] . "</td></tr>";
        }
        echo "</table>";

推荐阅读