【问题标题】:Freeze table first two column冻结表前两列
【发布时间】:2022-05-07 15:23:33
【问题描述】:

我有一个结构有点复杂的表,因为它有 colspan 和多个标题。我需要修复我的表格前两列,其余部分应该可以水平滚动。我尝试了各种示例来冻结列,但没有按预期工作。以下是我提到的链接。

我希望在活动和指标描述标题下修复所有内容

<table class="Fixed" border="1" width="auto;" style="table-layout:fixed">
    <tr style="background: rgb(22, 50, 92);">
        <th rowspan="2" colspan="2" style="color:#FFFFFF;width: 18%;text-align: center;">Activity and indicator description</th>
        <th style="color:#FFFFFF;width: 5%;text-align: center;"></th>
        <th style="color:#FFFFFF;width: 7%;text-align: center;" colspan="2">FY2021</th>
        <th style="color:#FFFFFF;width: 25%;text-align: center;" colspan="8">FY2022</th>
        <th style="color:#FFFFFF;width: 25%;text-align: center;" colspan="8">FY2023</th>
        <th style="color:#FFFFFF;width: 25%;text-align: center;" colspan="8">FY2024</th>
        <th style="color:#FFFFFF;width: 7%;text-align: center;"  colspan="2">Cumulative</th>
    </tr>
    
    <tr style="background: rgb(22, 50, 92);">
        <td style="color:#FFFFFF;text-align: center;"></td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 4</td>
        
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 1</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 2</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 3</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 4</td>
        
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 1</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 2</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 3</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 4</td>
        
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 1</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 2</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 3</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 4</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2"> Life of project</td>
        
    </tr>
    
    <tr style="background: rgb(22, 50, 92);">
        <td style="color:#FFFFFF;text-align: center;">Activity</td>
        <td style="color:#FFFFFF;text-align: center;">Indicator</td>
        
        <td style="color:#FFFFFF;text-align: center;">Baseline</td>
        
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
    </tr>
    
    <tr>
        <th style="font-style: italic;">Project Objective 1: Identify and support nascent and grassroots CSOs, activists, and community networks in Latin America and the Caribbean. </th>
    </tr>
    
    <tr>
        <td>1.1: Identify grassroots CSOs, activists, and community networks throughout the LAC region.</td>
        <td>1.1.1: Number of new actors (organizations and individuals) across the region identified</td>
        <td style="text-align: center;">-</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">150</td>
        <td style="text-align: center;">0</td>
    </tr>
    
    <tr>
        <td rowspan="2">1.2: Conduct annual virtual Innovation Labs.</td>   
        <td>1.2.1: Number of individuals or organizations selected to participate in innovation labs </td>
        <td style="text-align: center;">-</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">150</td>
        <td style="text-align: center;">0</td>
    </tr>
</table>

【问题讨论】:

  • 把它放在一个代码sn-p中
  • 是的,你应该让它成为一个可运行的sn-p,这样人们就可以看到这里的东西;还包括文档的更多而不仅仅是表格,因为除非&lt;table&gt;&lt;body&gt;内的only东西,否则不同的解决方案会对&lt;table&gt; 周围的东西。您是否只是想以一种很好的方式展示这张桌子?或者您是否正在构建一个基于新信息动态再现表格的脚本;还是这个表只是在另一个程序中导出的结果(如果是的话,你是否必须经常重复它)
  • 我问最后一点的原因是,看到如此多的 CSS 内联到 HTML 中而不是使用样式表是很奇怪的(更不用说几个老式的 html 样式属性)。它暗示要么是由某些程序中的File-&gt;Save as .html 功能生成的;或作为电子邮件信息的一部分;或者只是在 Airwolf 还在电视上流行的时候写的。
  • @Raxi 是的,我使用了内联 CSS,因为那不是最终版本。 PS 我知道这是一个老派的 html 样式,但让我们进入主要问题。 :)
  • 是的,老派的事情不是问题;更多地作为询问表格上下文的催化剂;内联 CSS 的问题更大,因为它让更改布局非常痛苦(因为任何更改都必须手动应用到 50 个位置)。

标签: html css html-table


【解决方案1】:

首先,我不建议您像这样内联您的CSS。 你不必要地重复自己数百次。

您说“我使用了内联 CSS,因为那不是最终版本”,但这不是一个正当理由。等待的时间越长,重构所有代码的难度就越大。

关于这个问题你应该阅读一篇很棒的文章:A short guide on when and when not to use inline CSS styles in HTML (Inline Styles in HTML on Code Academy)

另外,你真的应该了解更多关于CSS Frameworks 的信息,看起来你会喜欢它们的,请查看:TailwindBootstrap、...Here an article that lists the best CSS Frameworks in 2021 (on Dev To)

其次,您要查找的 CSS 属性是 position: sticky : Sticky Positioning on MDN

这是一个sn-p(注意我没有内联样式,我在sticky元素上添加了一些classes

为了使所有内容更加动态,您甚至可以将垂直 scolling 标题设置为粘性。

.sticky{
  position: sticky;
  left: 0;
  background: white;
}
.sticky_two{
  position: sticky;
  background: white;
  left: 79.78px ; /* width of first element + spacing */
}
.th{
  background: rgb(22, 50, 92);
}
<table class="Fixed" border="1" width="auto;" style="table-layout:fixed">
                    <tr style="background: rgb(22, 50, 92);">
                        <th rowspan="2" colspan="2" style="color:#FFFFFF;width: 18%;text-align: center;" class="sticky th">Activity and indicator description</th>
                        <th style="color:#FFFFFF;width: 5%;text-align: center;"></th>
                        <th style="color:#FFFFFF;width: 7%;text-align: center;" colspan="2">FY2021</th>
                        <th style="color:#FFFFFF;width: 25%;text-align: center;" colspan="8">FY2022</th>
                        <th style="color:#FFFFFF;width: 25%;text-align: center;" colspan="8">FY2023</th>
                        <th style="color:#FFFFFF;width: 25%;text-align: center;" colspan="8">FY2024</th>
                        <th style="color:#FFFFFF;width: 7%;text-align: center;"  colspan="2">Cumulative</th>
                    </tr>
                    
                    <tr style="background: rgb(22, 50, 92);">
                        <td style="color:#FFFFFF;text-align: center;"></td>
                        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 4</td>
                        
                        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 1</td>
                        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 2</td>
                        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 3</td>
                        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 4</td>
                        
                        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 1</td>
                        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 2</td>
                        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 3</td>
                        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 4</td>
                        
                        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 1</td>
                        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 2</td>
                        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 3</td>
                        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 4</td>
                        <td style="color:#FFFFFF;text-align: center;" colspan="2"> Life of project</td>
                        
                    </tr>
                    
                    <tr style="background: rgb(22, 50, 92);">
                        <td style="color:#FFFFFF;text-align: center;" class="sticky th">Activity</td>
                        <td style="color:#FFFFFF;text-align: center;" class="sticky_two th">Indicator</td>
                        
                        <td style="color:#FFFFFF;text-align: center;">Baseline</td>
                        
                        <td style="color:#FFFFFF;text-align: center;">Target</td>
                        <td style="color:#FFFFFF;text-align: center;">Actual</td>
                        <td style="color:#FFFFFF;text-align: center;">Target</td>
                        <td style="color:#FFFFFF;text-align: center;">Actual</td>
                        <td style="color:#FFFFFF;text-align: center;">Target</td>
                        <td style="color:#FFFFFF;text-align: center;">Actual</td>
                        <td style="color:#FFFFFF;text-align: center;">Target</td>
                        <td style="color:#FFFFFF;text-align: center;">Actual</td>
                        
                        <td style="color:#FFFFFF;text-align: center;">Target</td>
                        <td style="color:#FFFFFF;text-align: center;">Actual</td>
                        <td style="color:#FFFFFF;text-align: center;">Target</td>
                        <td style="color:#FFFFFF;text-align: center;">Actual</td>
                        <td style="color:#FFFFFF;text-align: center;">Target</td>
                        <td style="color:#FFFFFF;text-align: center;">Actual</td>
                        <td style="color:#FFFFFF;text-align: center;">Target</td>
                        <td style="color:#FFFFFF;text-align: center;">Actual</td>
                        
                        <td style="color:#FFFFFF;text-align: center;">Target</td>
                        <td style="color:#FFFFFF;text-align: center;">Actual</td>
                        <td style="color:#FFFFFF;text-align: center;">Target</td>
                        <td style="color:#FFFFFF;text-align: center;">Actual</td>
                        <td style="color:#FFFFFF;text-align: center;">Target</td>
                        <td style="color:#FFFFFF;text-align: center;">Actual</td>
                        <td style="color:#FFFFFF;text-align: center;">Target</td>
                        <td style="color:#FFFFFF;text-align: center;">Actual</td>
                        
                        <td style="color:#FFFFFF;text-align: center;">Target</td>
                        <td style="color:#FFFFFF;text-align: center;">Actual</td>
                        
                        <td style="color:#FFFFFF;text-align: center;">Target</td>
                        <td style="color:#FFFFFF;text-align: center;">Actual</td>
                    </tr>
                    
                    <tr>
                        <th class="sticky" style="font-style: italic;">Project Objective 1: Identify and support nascent and grassroots CSOs, activists, and community networks in Latin America and the Caribbean. </th>
                    </tr>
                    
                    <tr>
                        <td class="sticky">1.1: Identify grassroots CSOs, activists, and community networks throughout the LAC region.</td>
                        <td class="sticky_two">1.1.1: Number of new actors (organizations and individuals) across the region identified</td>
                        <td style="text-align: center;">-</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">50</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">50</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">50</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">150</td>
                        <td style="text-align: center;">0</td>
                    </tr>
                    
                    <tr>
                        <td class="sticky" rowspan="2">1.2: Conduct annual virtual Innovation Labs.</td>   
                        <td class="sticky_two" >1.2.1: Number of individuals or organizations selected to participate in innovation labs </td>
                        <td style="text-align: center;">-</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">50</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">50</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">50</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">0</td>
                        <td style="text-align: center;">150</td>
                        <td style="text-align: center;">0</td>
                    </tr>
</table>

【讨论】:

  • 感谢您的帮助以及您让我意识到的要点。从现在开始,我真的会确保使用它们。
【解决方案2】:

应该这样做:

  • &lt;table class="Fixed" border="1" width="auto;" style="table-layout:fixed"&gt; 更改为 &lt;table class="Fixed"&gt;(属性将移至样式表)
  • 在第一到第三个&lt;tr&gt;的周围添加&lt;thead&gt; ... &lt;/thead&gt;
  • &lt;tbody&gt; ... &lt;/tbody&gt; 添加到最后一个&lt;tr&gt; 的第 4 个左右
  • 现在可以将&lt;thead&gt; 部分设置为粘性,以便在向下滚动时保留
  • 为此,添加一个小样式表,例如:

_

table.Fixed         { table-layout:fixed; width: auto; margin: 0; padding: 0; }
table.Fixed thead   { position: sticky; top: 0; }
table.Fixed, 
table.Fixed th, 
table.Fixed td      { border-collapse: collapse; border: 1px solid rgb(22, 50, 92); }

结果:

<!DOCTYPE html>
<html>
  <head>
  <style>
body                { margin: 0; padding: 0; }
table.Fixed         { table-layout:fixed; width: auto; margin: 0; padding: 0; }
table.Fixed thead   { position: sticky; top: 0; }
table.Fixed, 
table.Fixed th, 
table.Fixed td      { border-collapse: collapse; border: 1px solid rgb(22, 50, 92); }
  </style>
  </head>
  <body>
<table class="Fixed">
  <thead>
    <tr style="background: rgb(22, 50, 92);">
        <th rowspan="2" colspan="2" style="color:#FFFFFF;width: 18%;text-align: center;">Activity and indicator description</th>
        <th style="color:#FFFFFF;width: 5%;text-align: center;"></th>
        <th style="color:#FFFFFF;width: 7%;text-align: center;" colspan="2">FY2021</th>
        <th style="color:#FFFFFF;width: 25%;text-align: center;" colspan="8">FY2022</th>
        <th style="color:#FFFFFF;width: 25%;text-align: center;" colspan="8">FY2023</th>
        <th style="color:#FFFFFF;width: 25%;text-align: center;" colspan="8">FY2024</th>
        <th style="color:#FFFFFF;width: 7%;text-align: center;"  colspan="2">Cumulative</th>
    </tr>

    <tr style="background: rgb(22, 50, 92);">
        <td style="color:#FFFFFF;text-align: center;"></td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 4</td>

        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 1</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 2</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 3</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 4</td>

        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 1</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 2</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 3</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 4</td>

        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 1</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 2</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 3</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2">Qtr 4</td>
        <td style="color:#FFFFFF;text-align: center;" colspan="2"> Life of project</td>

    </tr>
    <tr style="background: rgb(22, 50, 92);">
        <td style="color:#FFFFFF;text-align: center;">Activity</td>
        <td style="color:#FFFFFF;text-align: center;">Indicator</td>

        <td style="color:#FFFFFF;text-align: center;">Baseline</td>

        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>

        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>

        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>

        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>

        <td style="color:#FFFFFF;text-align: center;">Target</td>
        <td style="color:#FFFFFF;text-align: center;">Actual</td>
    </tr>
  </thead>
  <tbody>
    <tr>
        <th style="font-style: italic;">Project Objective 1: Identify and support nascent and grassroots CSOs, activists, and community networks in Latin America and the Caribbean. </th>
    </tr>

    <tr>
        <td>1.1: Identify grassroots CSOs, activists, and community networks throughout the LAC region.</td>
        <td>1.1.1: Number of new actors (organizations and individuals) across the region identified</td>
        <td style="text-align: center;">-</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">150</td>
        <td style="text-align: center;">0</td>
    </tr>

    <tr>
        <td rowspan="2">1.2: Conduct annual virtual Innovation Labs.</td>   
        <td>1.2.1: Number of individuals or organizations selected to participate in innovation labs </td>
        <td style="text-align: center;">-</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">150</td>
        <td style="text-align: center;">0</td>
    </tr>

    <tr>
        <td rowspan="2">1.2: Conduct annual virtual Innovation Labs.</td>   
        <td>1.2.1: Number of individuals or organizations selected to participate in innovation labs </td>
        <td style="text-align: center;">-</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">150</td>
        <td style="text-align: center;">0</td>
    </tr>

    <tr>
        <td rowspan="2">1.2: Conduct annual virtual Innovation Labs.</td>   
        <td>1.2.1: Number of individuals or organizations selected to participate in innovation labs </td>
        <td style="text-align: center;">-</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">150</td>
        <td style="text-align: center;">0</td>
    </tr>

    <tr>
        <td rowspan="2">1.2: Conduct annual virtual Innovation Labs.</td>   
        <td>1.2.1: Number of individuals or organizations selected to participate in innovation labs </td>
        <td style="text-align: center;">-</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">150</td>
        <td style="text-align: center;">0</td>
    </tr>

    <tr>
        <td rowspan="2">1.2: Conduct annual virtual Innovation Labs.</td>   
        <td>1.2.1: Number of individuals or organizations selected to participate in innovation labs </td>
        <td style="text-align: center;">-</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">150</td>
        <td style="text-align: center;">0</td>
    </tr>

    <tr>
        <td rowspan="2">1.2: Conduct annual virtual Innovation Labs.</td>   
        <td>1.2.1: Number of individuals or organizations selected to participate in innovation labs </td>
        <td style="text-align: center;">-</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">150</td>
        <td style="text-align: center;">0</td>
    </tr>

    <tr>
        <td rowspan="2">1.2: Conduct annual virtual Innovation Labs.</td>   
        <td>1.2.1: Number of individuals or organizations selected to participate in innovation labs </td>
        <td style="text-align: center;">-</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">150</td>
        <td style="text-align: center;">0</td>
    </tr>

    <tr>
        <td rowspan="2">1.2: Conduct annual virtual Innovation Labs.</td>   
        <td>1.2.1: Number of individuals or organizations selected to participate in innovation labs </td>
        <td style="text-align: center;">-</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">150</td>
        <td style="text-align: center;">0</td>
    </tr>

    <tr>
        <td rowspan="2">1.2: Conduct annual virtual Innovation Labs.</td>   
        <td>1.2.1: Number of individuals or organizations selected to participate in innovation labs </td>
        <td style="text-align: center;">-</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">150</td>
        <td style="text-align: center;">0</td>
    </tr>

    <tr>
        <td rowspan="2">1.2: Conduct annual virtual Innovation Labs.</td>   
        <td>1.2.1: Number of individuals or organizations selected to participate in innovation labs </td>
        <td style="text-align: center;">-</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">150</td>
        <td style="text-align: center;">0</td>
    </tr>

    <tr>
        <td rowspan="2">1.2: Conduct annual virtual Innovation Labs.</td>   
        <td>1.2.1: Number of individuals or organizations selected to participate in innovation labs </td>
        <td style="text-align: center;">-</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">50</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">0</td>
        <td style="text-align: center;">150</td>
        <td style="text-align: center;">0</td>
    </tr>


  </tbody>
</table>
  </body>
</html>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-06-21
    • 1970-01-01
    • 2021-08-29
    • 2012-03-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-12
    相关资源
    最近更新 更多