html5中table标签下的行和列的合并问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html5中table标签下的行和列的合并问题相关的知识,希望对你有一定的参考价值。

这张表的表头怎么画,用html5

<style>
tableborder-collapse:collapse;
table th,table tdwidth:60px;border:solid 1px #000;
</style>
<table>
    <thead>
        <tr>
            <th rowspan="3">分公司</th><th rowspan="2" colspan="4">累计预约总数</th><th colspan="14">iphone7</th>
        </tr>
        <tr>
            <th colspan="4">32G</th><th colspan="5">128G</th><th colspan="5">256G</th>
        </tr>
        <tr>
            <th>累计预约总数</th><th>其中:全款</th><th>其中:定金预约</th><th>其中:免费预约</th><th>银</th><th>黑</th><th>金</th><th>玫瑰金</th><th>银</th><th>黑</th><th>亮黑</th><th>金</th><th>玫瑰金</th><th>银</th><th>黑</th><th>亮黑</th><th>金</th><th>玫瑰金</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>全省</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td><td>0</td>
        </tr>
    </tbody>
</table>

参考技术A 实例代码如下:
<!DOCTYPE html>
<html>
<head>
<title>我的第四个页面</title>
<meta charset=utf-8 >
</head>
<body>
<table border="1" bordercolor="red" width="500" align="center" cellpadding="10" cellspacing="10" bgcolor="#000EFFE" background="img/2.jpg">
<tr>
<td colspan="2" align="center" valign="middle">第一行第一列和第二列</td><!-- colspan:合并列 -->
</tr>
<tr>
<td align="center" valign="middle">第二行第一列</td>
<td align="center" valign="middle">第二行第二列</td>
</tr>
</table>
<br/>
<br/>
<table border="1" bordercolor="red" width="500" align="center" cellpadding="10" cellspacing="10" bgcolor="#000EFFE" background="img/1.jpg">
<tr>
<td rowspan="2" align="center" valign="middle">第一行第一列和第二行第一列</td><!-- rowspan:合并行 -->
<td align="center" valign="middle">第一行第二列</td>
</tr>
<tr>
<td align="center" valign="middle">第二行第二列</td>
</tr>
</table>
</body>
</html>

寻找二维数组中唯一的行和列的索引,以及这些位置上元素的最小和。

我偶然发现了一个问题,在这个问题中,我得到了一个2D数组形式的5x5矩阵,我应该找到5个元素的最小和,其中每个元素应该是唯一的行和列,并打印这些元素的索引和最小和。

这个问题给出了3个测试案例作为例子。

测试用例1:测试用例2:测试用例3:测试用例4

{
{5, 4, 4, 1, 6},
{1, 3, 2, 4, 6},
{3, 2, 3, 2, 6},
{0, 4, 5, 4, 6},
(6, 6, 6, 6, 6}
};

Output: (3,0) (2,1) (1,2) (0,3) (4,4)
Minimum sum: 11

测试案例2:

{0, 0, 0, 0, 0},
{0, 0, 0, 0, 0},
{0, 0, 0, 0, 0},
{0, 0, 0, 0, 0},
{0, 0, 0, 0, 0}
};

Output: (0,0) (1,1) (2,2) (3,3) (4,4)
Minimum sum: 0

测试用例3:

{
{1, 2, 3, 4, 5},
{5, 4, 3, 2, 1},
{1, 2, 7, 4, 5},
{5, 4, 3, 2, 1},
{1, 2, 3, 4, 5},
};

Output: (0,0) (2,1) (4,2) (1,3) (3,4)
Minimum sum: 9

我想知道他们说的 "唯一的行和列 "是什么意思 我从测试用例中看到的是,列的指数从0开始,每对指数增加一个。

答案

独特的行和列意味着没有两个元素共享一行或一列。

在这里,我已经高亮了所选的数字。

你可以看到,当一个数字被选中时,同一列中没有其他数字也被选中。 同一行中没有其他数字被选中。

5 4 4 1 6 1 3 2 4 6 3 2 3 2 6 0 4 5 4 6 6 6 6 6 6

1 + 2 + 2 + 0 + 6 = 11

以上是关于html5中table标签下的行和列的合并问题的主要内容,如果未能解决你的问题,请参考以下文章

用HTML的<table>标签,怎么写出一个三行两列的表格?

element-ui表格合并

将带有html标签的列值转换为带有行和列的sql视图

如何用Jquery获取Table指定行中指定列的数值

如何从 WPF 中网格内的标签中获取行和列信息?

Seaborn 热图 - 要显示的行和列统计信息