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

eulz3vhy 于 2023-11-15 发布在其他

关注(0)|答案(1)|浏览(191)

已关闭。此问题需要更多focused。目前不接受答案。
**想要改进此问题吗？**更新问题，使其仅关注editing this post的一个问题。

6天前关闭
Improve this question的
我目前正在创建一个网站，但我不确定如何解决这个问题。我试图使用HTML和C#为DataTable创建一个显示，这应该是可排序的，但我想做一些具体的事情。
我有一个包含Name和Value的对象列表，两者都是字符串。我想知道是否可以在单个单元格下插入多个值（Name），但也可以在悬停在名称上时显示Value。

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

Html

来源：https://stackoverflow.com/questions/77438982/multiple-values-under-single-table-cell

1条答案

按热度按时间

qq24tv8q1#

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;
}

字符串

展开查看全部

赞(0）回复(0）举报 2023-11-15

我来回答

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

1条答案

相关问题

热门标签

最新问答