如何将数据库单列数据按顺序纵向显示在DataTable的每个单元格中
如何将数据库单列数据按顺序纵向显示在DataTable的每个单元格中
嗨,我完全懂你的困扰!你想要把数据库单列里的数值按顺序纵向逐个排列在表格的单元格里,但目前的代码把所有数据都挤在同一行里横向展示,对吧?作为新手遇到这种布局问题很正常,我帮你调整下代码就能解决~
问题根源分析
你当前的PHP代码是先打开一个<tr>(表格行),然后循环所有数据生成<td>(单元格),最后才闭合这个行,所以所有数据都被放在了同一行里,自然是横向排列的。要实现纵向显示,我们需要让每一条数据对应一个独立的表格行。
修改后的PHP代码(核心部分)
只需要调整<tbody>里的循环逻辑,把<tr>的创建和闭合放到循环内部:
<tbody> <?php // 移除原来在外层的<tr>和</tr>,把行的创建放到循环里 foreach ($queryRecords1 as $row1) : if($row1["kno"]>0) { // 每条数据生成一个单独的行,每行包含一个单元格 echo '<tr><td>' . $row1["kno"] . '</td></tr>'; } endforeach; ?> </tbody>
为什么这样改?
修改后,数据库中每一条符合kno>0的记录都会生成一个独立的<tr>行,每个行里只放一个<td>单元格,这样数据就会从上到下依次纵向排列,完全符合你想要的效果。
DataTables配置无需改动
你现有的JavaScript配置可以保持不变,DataTables插件会自动适配这个新的表格结构,正常渲染出纵向的列表,包括打印按钮的功能也能正常工作。
备注:内容来源于stack exchange,提问作者gopal
相关产品推荐
相关产品推荐

