Javascript Html表将列一分为二?
我有一个迭代的元素数组,并为每个元素创建Javascript Html表将列一分为二?,javascript,html,css,Javascript,Html,Css,我有一个迭代的元素数组,并为每个元素创建 如果我有10个元素,它将创建一个包含一列和10行的表 有没有一种拆分方法(在HTML或CSS中)将该列一分为二,这样我就得到了包含5个元素的2列?试试下面的方法: 表,th,td{ 边框:1px纯黑; 边界塌陷:塌陷; } th,td{ 填充物:5px; 文本对齐:左对齐; } 跨两列的单元格: 名称 电话 比尔盖茨 555 77 854 555 77 855 跨两行的单元格: 名字: 比尔盖茨 电话: 555 77 854 555 77 855 尝
如果我有10个元素,它将创建一个包含一列和10行的表
有没有一种拆分方法(在HTML或CSS中)将该列一分为二,这样我就得到了包含5个元素的2列?试试下面的方法:
表,th,td{
边框:1px纯黑;
边界塌陷:塌陷;
}
th,td{
填充物:5px;
文本对齐:左对齐;
}
跨两列的单元格:
名称
电话
比尔盖茨
555 77 854
555 77 855
跨两行的单元格:
名字:
比尔盖茨
电话:
555 77 854
555 77 855
尝试以下方法:
表,th,td{
边框:1px纯黑;
边界塌陷:塌陷;
}
th,td{
填充物:5px;
文本对齐:左对齐;
}
跨两列的单元格:
名称
电话
比尔盖茨
555 77 854
555 77 855
跨两行的单元格:
名字:
比尔盖茨
电话:
555 77 854
555 77 855
您可以使用如下代码:
var table=document.createElement('table');
变量数组=['1','2','3','4','5','6','7','8','9','10'];
对于(var i=0;i您可以使用如下代码:
var table=document.createElement('table');
变量数组=['1','2','3','4','5','6','7','8','9','10'];
对于(var i=0;i如果您计划手动执行此操作,则必须使用此表结构:
1.
2.
3.
4.
5.
6.
7.
8.
9
10
如果您计划手动执行此操作,则必须使用此表结构:
1.
2.
3.
4.
5.
6.
7.
8.
9
10
查看以下代码及其工作原理。我所做的是:
使用myTable类创建空表标记
在JavaScript中,我创建了一个函数:
(a) 遍历数组
(b) 创建一行
(c) 将两个单元格添加到表中(这就是我将计数器i增加到+=2的原因)
(d) 将其innerHTML设置为数组值
现在,数组的第一个条目位于表的底部,如果您希望它位于顶部,您可以反向遍历数组
函数populateTable(){
var table=document.createElement('table');
变量数组=['a'、'b'、'c'、'd'、'e'、'f'、'g'、'h']
对于(i=0;i请参阅以下代码及其工作原理。我所做的是:
使用myTable类创建空表标记
在JavaScript中,我创建了一个函数:
(a) 遍历数组
(b) 创建一行
(c) 将两个单元格添加到表中(这就是我将计数器i增加到+=2的原因)
(d) 将其innerHTML设置为数组值
现在,数组的第一个条目位于表的底部,如果您希望它位于顶部,您可以反向遍历数组
函数populateTable(){
var table=document.createElement('table');
变量数组=['a'、'b'、'c'、'd'、'e'、'f'、'g'、'h']
对于(i=0;i是否希望它们的顺序相同(第二列顶部的第6个元素)?对数组元素进行计数,除以2,然后构建一个包含所需输出的两列表。是否希望它们的顺序相同(第二列顶部的第6个元素)?对数组元素进行计数,除以2,并构建一个包含所需输出的两列表