html - 按列编辑表格
问题描述
我正在尝试创建一个表,我可以一次插入一列数据列表,但是我看到的 HTML/Bootstrap 格式的表的方式似乎很笨拙,只允许编辑行。这是我的意思的一个例子:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
理想情况下,我只想把所有月份一个接一个地放在一起,所有的储蓄金额一个接一个,但要获得与上面代码中出现的相同结果。似乎只有<tr>
表格行的选项,但<tc>
表格列没有。我想输入类似下面的内容,但结果与上面的代码相同:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tc>
<td>January</td>
<td>February</td>
</tc>
<tc>
<td>$100</td>
<td>$80</td>
</tc>
</table>
解决方案
没有这样的事情<tc>
。
你自己说的。
即使有一种方法可以解决您在这里尝试做的事情,它也会使您未来的表格数据变得杂乱无章。
使用数据库时,您应该始终考虑以行格式而不是列格式显示数据库中的记录,因为您需要查看与数据库中的标识符关联的所有数据是否正确显示。此外,所有数据库查询都以相同的格式工作(以行格式显示所有记录)。
如果您需要在表中添加另一列,您的数据库还应为每一行添加另一列,以及该<th>
部分中列本身的名称。
推荐阅读
- scala - Scala 类型类,用于从派生或现有隐式值提供实例
- react-admin - 在 react-admin 中使用 typescript 验证源参数
- python - 一次通过多个关键字从 PUBMED 数据库获取数据
- arrays - 在groovy中以数组的形式显示内容类型(策略)字段值
- javascript - vue3中的firebase身份验证问题
- mysql - MYSQL 转置列中选择结果的行(只有 1 列结果)
- ruby-on-rails - 为一个测试文件禁用子弹导轨
- intellij-idea - 如何解决 intellijIDEA 无法启动的问题?
- c# - AspNetCore PasswordHasher 不能跨两个应用程序工作
- r - ggplot中带有单独元素的水平堆积条形图