Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Html表将列一分为二?_Javascript_Html_Css - Fatal编程技术网

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,并构建一个包含所需输出的两列表