是否可以在回声中设计一个元素

Question

我按照教程制作带有分页的表格，如果可能的话，我想做的是设计链接，（123）在顶部的蓝色背景中，就像添加填充一样，因为它们太狭窄了，颜色：白色等，并将其放在桌子下方。感谢您提供任何帮助和建议。

<div style="overflow-x:auto;">
        <table class="reservations-table">
        <thead>
            <th class="thFirstName">First Name</th>
            <th class="thLastName">Last Name</th>
            <th class="thEmailAddress">Email Address</th>
            <th class="thContactNumber">Contact Number</th>
            <th class="thSpeaker">Speaker</th>
            <th class="thTopic">Topic</th>
            <th class="thLocation">Location</th>
            <th class="thAudience">Audience</th>
            <th class="thCount">Count</th>
            <th class="thTime">Time</th>
            <th class="thDate">Date</th>
            <th class="thAction">Action</th>
        </thead>
    <?php

        $servername = "localhost";
        $username = "root";
        $password = "";
        $dbname = "srdatabase";

        $conn = new mysqli($servername, $username, $password, $dbname);
        // Check connection
        if ($conn->connect_error) 
        {
            die("Connection failed: " . $conn->connect_error);
        } 

        $results_per_page = 10;
        $select= "SELECT * FROM reservations";
        $result = mysqli_query($conn, $select);
        $number_of_results = mysqli_num_rows($result);

        if(!isset($_GET['page']))
        {
            $page = 1;
        }
        else
        {
            $page = $_GET['page'];
        }

        $this_page_first_result = ($page-1)*$results_per_page;

        $sql = "SELECT * FROM reservations LIMIT " . $this_page_first_result . ',' . $results_per_page;
        $result = mysqli_query($conn, $sql);

            while ($row=mysqli_fetch_array($result))
        {
            echo "<tr>
                <td>".$row['firstname']."</td>
                <td>".$row['lastname']."</td>
                <td>".$row['emailaddress']."</td>
                <td>".$row['contactnumber']."</td>
                <td>".$row['speaker']."</td>
                <td>".$row['topic']."</td>
                <td>".$row['location']."</td>
                <td>".$row['audience']."</td>
                <td>".$row['count']."</td>
                <td>".$row['time']."</td>
                <td>".$row['date']."</td>
                <td align='center'><a href='adminControl.php?epr=delete&id=".$row['id']."'>DELETE</a></td>
            </tr>";         
        }

        $number_of_pages = ceil($number_of_results/$results_per_page);

    ?>

    <center>
    <div id="paging-div">

    //paging link 123

    <?php
        for($page=1;$page<=$number_of_pages;$page++)
        {
            echo '<a href="adminControl.php?page=' . $page . '">' . $page . '</a>';
        }
    ?>

Answer 1

请在</thead>之后添加<tbody>并关闭<tbody>。旁边请关闭表格标签</table>

请尝试如下

<div style="overflow-x:auto;">
    <table class="reservations-table">
    <thead>
        <th class="thFirstName">First Name</th>
        <th class="thLastName">Last Name</th>
        <th class="thEmailAddress">Email Address</th>
        <th class="thContactNumber">Contact Number</th>
        <th class="thSpeaker">Speaker</th>
        <th class="thTopic">Topic</th>
        <th class="thLocation">Location</th>
        <th class="thAudience">Audience</th>
        <th class="thCount">Count</th>
        <th class="thTime">Time</th>
        <th class="thDate">Date</th>
        <th class="thAction">Action</th>
    </thead>
    <tbody>
<?php

    $servername = "localhost";
    $username = "root";
    $password = "";
    $dbname = "cktest01";

    $conn = new mysqli($servername, $username, $password, $dbname);
    // Check connection
    if ($conn->connect_error) 
    {
        die("Connection failed: " . $conn->connect_error);
    } 

    $results_per_page = 10;
    $select= "SELECT * FROM reservations";
    $result = mysqli_query($conn, $select);
    $number_of_results = mysqli_num_rows($result);

    if(!isset($_GET['page']))
    {
        $page = 1;
    }
    else
    {
        $page = $_GET['page'];
    }

    $this_page_first_result = ($page-1)*$results_per_page;

    $sql = "SELECT * FROM reservations LIMIT " . $this_page_first_result . ',' . $results_per_page;
    $result = mysqli_query($conn, $sql);

        while ($row=mysqli_fetch_array($result))
    {
        echo "<tr>
            <td>".$row['firstname']."</td>
            <td>".$row['lastname']."</td>
            <td>".$row['emailaddress']."</td>
            <td>".$row['contactnumber']."</td>
            <td>".$row['speaker']."</td>
            <td>".$row['topic']."</td>
            <td>".$row['location']."</td>
            <td>".$row['audience']."</td>
            <td>".$row['count']."</td>
            <td>".$row['time']."</td>
            <td>".$row['date']."</td>
            <td align='center'><a href='adminControl.php?epr=delete&id=".$row['id']."'>DELETE</a></td>
        </tr>";         
    }

    $number_of_pages = ceil($number_of_results/$results_per_page);

?>
</tbody>
</table>


<div id="paging-div">

<!-- paging link 123 -->

<?php
    for($page=1;$page<=$number_of_pages;$page++)
    {
        echo '<a style="color:green" href="adminControl.php?page=' . $page . '">' . $page . '</a>';
    }
?>

   </div>
</div>