我正在构建一个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
复制相似问题