单个表单元格下的多个值 [关闭]-解网

问：

已关闭。这个问题需要更加集中。它目前不接受答案。

想改进这个问题吗？更新问题，使其仅通过编辑这篇文章来关注一个问题。

11天前关闭。

改进此问题

我目前正在创建一个网站，但我不确定如何解决这个问题。我正在尝试使用 HTML 和 C# 为 DataTable 创建一个显示，它应该是可排序的，但我想做一些具体的事情。

我有一个包含 a 和 a 的对象列表，两者都是字符串。我想知道是否可以在单个单元格下插入多个值（），还可以将鼠标悬停在名称上时显示。NameValueNameValue

这是我在 Excel 中制作的一个示例，其中一行包含多个值。带下划线的 String 应可悬停，并显示为工具提示。Value

C# HTML 数据表：Blazor

不清楚您在哪个部分有问题：创建数据表或显示数据。要存储数据，您可以使用两个表（主表和细节表）或单个表（带有父级的子规范）。要在 excel 中显示合并单元格等数据，您可以在 html 表格或网格视图中使用 row-span/column-scan。

0赞 Shahram Alemzadeh 11/7/2023

看一看： Excel中合并的单元格未反映在网格视图中

0赞 NoTimeLeft 11/7/2023

@ShahramAlemzadeh对不起，我的意思是在网页上展示数据的显示器。谢谢你的回答。我认为 HTML 表格是我需要的。

0赞 T.Trassoudaine 11/7/2023

是的，这是可能的，但您应该单独向我们提供您尝试过的内容以及您遇到的具体问题。还有一个很大的变化，这些已经在 StackOverflow 上得到了回答。

答：

1赞 Uday V 11/8/2023 #1

HTML: Both rowspan and tooltip added.   
 <body>
         <table style="width:100%">
          <tr>
            <th>Name</th>
            <td>Jill</td>
            <td>Jill</td>
          </tr>
          <tr>
            <th rowspan="3">Phone</th>
            <td class="tooltip">555-1234 <span class="tooltiptext">Tooltip text</span></td>
            <td>555-1234</td>
          </tr>
          <tr>
            <td class="tooltip">555-1234 <span class="tooltiptext">Tooltip text</span></td>
            <td></td>
          </tr>
           <tr>
             <td class="tooltip">555-1234 <span class="tooltiptext">Tooltip text</span></td>
            <td></td>
          </tr>
           <tr>
            <th>Phone</th>
            <td>555-1234</td>
            <td>555-1234</td>
          </tr>
          </table>
           
           <div class="tooltip">Hover over me
          <span class="tooltiptext">Tooltip text</span>
            </div>
           
          <script src="script.js"></script>
        </body>
       
CSS:

table, th, td {
  border:1px solid black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

单个表单元格下的多个值 [关闭]

Multiple values under single Table cell [closed]

评论

评论