使html表格类似于mac日历

我正在制作一个html表格，其中有一列显示注释。
注释有时太长，无法显示在小表格单元格中，
因此，当我
单击单元格，内容将弹出。

有人能告诉我什么技术可以用于此

---

您可以使用jQuery工具提示来实现这一点

<a href="#" data-toggle="tooltip" title="Calendar!">Calendar data here</a>

---

$（文档）.ready（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）；
});

您可以使用引导解决此问题，尤其是引导弹出窗口

首先，在

script.js

或

script

中，标记包括

$(document).ready(function(){
    $('[data-toggle="popover"]').popover(); 
});

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

在html的头标记中，包括

$(document).ready(function(){
    $('[data-toggle="popover"]').popover(); 
});

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

要制作府绸，请这样做

<a href="#" title="New Event Popover" data-toggle="popover" data-placement="left" data-content="These are your events">Click</a>

---

有一系列解决方案，从HTML元素中的简单“title”属性开始，到通过类似jQuery的javascript库控制的弹出窗口

简单的解决方案如下所示：

<html...
  <table...
    <tr...
       <td><ul><li title="New Event on date 2016-Apr-10.">New Event</li></ul></td>

---

这不提供用于解决问题的代码。