0
我有这样的情况:https://jsfiddle.net/ahvonenj/xrrqzypL/逐列打印HTML表格而不是逐行打印?
它是未知的磨过或没有数据阵列具有偶数或奇数数量在它的对象,因此,所有的这些都是有效的,例如:
var data =
[
{
title: 'Title A',
content: 'Content A'
},
{
title: 'Title B',
content: 'Content B'
},
{
title: 'Title C',
content: 'Content C'
}
];
var data =
[
{
title: 'Title A',
content: 'Content A'
},
{
title: 'Title B',
content: 'Content B'
}
];
var data =
[
{
title: 'Title A',
content: 'Content A'
}
];
最重要的是,表必须打印,以便每隔一行都有标题,而其他行都有内容。为了澄清,我链接的jsfiddle是一个工作解决方案,但太复杂。另外,如果数据中的对象数量是奇数,则最后的标题和内容单元不应该像小提琴一样存在。
我的问题是,由于HTML表格的性质,我只知道如何在小提琴中一行一行地打印它们。我想知道是否有合法和简单的方法逐列打印表格,因为这样可以简化像我目前在这里的情况。
为了进一步澄清这个问题,这是事情目前是如何工作的:
这我我怎么会喜欢的东西的工作:
或简化的图片:
正如你所看到的,首选的方法看起来更像逻辑和可控的数据,就像我们在这里。那么我们如何才能以列方式打印HTML表格,而不是行式?
我特别想用一个表,并找到一种方法来建立它列逐列。问题不在于如何用div或其他方式来做到这一点,我想找到一种方法来使用逐列构建的表格。 – Piwwoli
在js上取多个变量,需要特殊变量的连字号,然后在需要时将其组合在一起。您需要实现一些复杂的自定义逻辑。没有其他的。 – DSA
是否库的存在,让我输入类似'
的逻辑非常简单
我也强烈建议使用DOM(或jQuery的API)来构建,而不是字符串拼接的HTML,因为它是更计算机效率。
来源
2015-10-05 10:11:23 netoctone
我希望有一些东西可以让我构建表格,比如''(表列)标签而不是行标签。这样'''和''标签实际上可以实时更改。 –
Piwwoli
+0
0
相关问题
-
1. 在Python中逐字逐字打印终端打印?
-
2. 打破字符串并逐行打印
-
3. 如何逐行打印配对元素?
-
4. HTML表格打印大列
-
5. Html表打印时打印行
-
6. Add2Any打印预览而不是打印
-
7. 如何逐一打印两种线
-
8. 在jsp中逐个打印值
-
9. 打印html表
-
10. Magento后端打印HTML而不是PDF
-
11. 打印列表,表(行,列)
-
12. 打印表格
-
13. 如何获得MiniZinc输出来解释转义,而不是逐字打印?
-
14. 打印位图而不打印精灵?
-
15. 在Python中读迷宫文件并逐行打印迷宫行
-
16. 打印格式列表
-
17. 打印表格行mysql python
-
18. 打印列表
-
19. 用点阵打印机打印碳表格okidata打印机
-
20. 而不是行号GCC打印cc1
-
21. 执行命令而不是打印
-
22. 问题dict.keys不打印列表,但打印列表的
-
23. 如何在Python 3.x中逐行打印网页
-
24. 如何在Python中逐行打印字典值?
-
25. spark:dataframe.count产生的方式多于逐行打印或show()
-
26. 逐行读取文件并仅在完成后打印
-
27. Java - 列表<String>打印\ n而不是显示换行
-
28. 是否可以在Windows上使用Qt在网络USB打印机上逐行打印?
-
29. 打印表格值
-
30. 在Python中打印列表时控制打印格式
每日一句
每一个你不满意的现在,都有一个你没有努力的曾经。
最新问题
-
1. 你怎么样或两个LIKE语句?
-
2. Browserify,Babel和文件扩展名
-
3. 我可以使用Wixsharp安装Windows服务吗
-
4. Android Studio错误安装Java
-
5. 根vs自举组件
-
6. 滚动到div的ID,堆叠后“停止” DIV ID隐藏(不smoth滚动)
-
7. 如何模拟来电?
-
8. 预期一个字符串,但是BEGIN_ARRAY- Gson
-
9. Seed方法使用AddOrUpdata和DropCreateAlways(代码优先,EF)持续生成重复数据
-
10. 如何检索AndroidManifest.xml文件?
-
1. 在Python中逐字逐字打印终端打印?
-
2. 打破字符串并逐行打印
-
3. 如何逐行打印配对元素?
-
4. HTML表格打印大列
-
5. Html表打印时打印行
-
6. Add2Any打印预览而不是打印
-
7. 如何逐一打印两种线
-
8. 在jsp中逐个打印值
-
9. 打印html表
-
10. Magento后端打印HTML而不是PDF
表的逻辑是逐行的,这是因为每一行的所有列的高度始终相同。没有像这样的事实,没有人需要它。 –
netoctone
我做了一个纯CSS解决方案ish:http://jsfiddle.net/ahvonenj/L02z8bh3/ 我认为这样的事情就足够了。
我刚刚翻整台90度
transform: rotate(90deg);
来源
2015-10-09 10:17:52 Piwwoli
相关问题