我正在构建一个HTML表,该表显示来自MySQL数据库的信息,该表具有更新或删除数据库中行的函数。
下面是我当时的代码:
<table>
<tr>
    <th>Name</th>
    <th>Email</th>
    <th>Program</th>
    <th>Class</th>
    <th>Start Date</th>
    <th>End Date</th>
    <th>Country</th>
</tr>
<?php
    $db = JFactory::getDBO();
    $query = "SELECT * FROM  student_management_module";
    $db->setQuery($query);
            $rows = $db->loadObjectList();
            foreach ($rows as &$row) {
                echo "<form action=index.php/component/studentmanagement/?task=update method=post>";
                echo "<tr>";
                echo "<td>" . "<input type=text name=fname id=name_val value=" .$row->name. " </td>";
                echo "<td>" . "<input type=text name=email id=email_val value=" .$row->email. " </td>";
                echo "<td>" . "<input type=text name=prog id=prog_val value=" .$row->program. " </td>";
                echo "<td>" . "<input type=text name=class id=class_val value=" .$row->class. " </td>";
                echo "<td>" . "<input type=text name=sdate id=start_val value=" .$row->start_date. " </td>";
                echo "<td>" . "<input type=text name=edate id=end_val value=" .$row->end_date. " </td>";
                echo "<td>" . "<input type=text name=country id=country_val value=" .$row->country. " </td>";
                echo "<td>" . "<input type=hidden name=hidden value=" .$row->student_id. " </td>";
                echo "<td>" . "<input type=submit name=update value=update". " </td>";
                echo "<td>" . "<input type=submit name=delete value=delete". " </td>";
                echo "</tr>";
                echo "</form>";
            }
    ?>
下面是这些表格目前的样子:
但是列太多,无法放入我想要的空间中。
如何在底部创建水平滚动条,并确保更新和删除按钮与滚动条分开,以便更新和插入按钮始终显示在右侧。
我尝试过CSS overflow属性,但它在滚动中包含插入和删除。
任何帮助都将非常感谢,并提前表示感谢。
https://stackoverflow.com/questions/51126166
复制相似问题