小编Ron*_*Roy的帖子

我有一个jQuery工具提示,如下面的链接所示:

http://jsfiddle.net/ronnykroy/amYZW/2/

HTML:

<div id="parent">
  <div id="child" title="It has been a very long text">
  </div>
</div>

CSS:

#parent{
  position:absolute;
  width: 500px;
  height: 200px;
  background-color:#00f;
}

#child{
  position:absolute;
  left:400px;
  width: 100px;
  height:150px;
  background-color: #f00;
}
.tooltipclass{
  width: 50px;
  background-color: #ffffff;
  color: #000000;
}

使用Jquery如下:

$("#child").tooltip({
  track: true,
  tooltipClass: "tooltipclass"
});

现在当我将鼠标悬停在"孩子"上时,我不希望工具提示移到父母之外,即工具提示应该动态地限制在"父"之内.

我希望使用角度重复这样的表

HTML

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
    <th>Savings for holiday!</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
    <td rowspan="2">$50</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>

  <tr>
    <td>January</td>
    <td>$100</td>
    <td rowspan="2">$50</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

我已经为上面写了一个Angularjs代码,如下所示.

<table border="1">
  <tr>
    <th>Month</th>
    <th>Savings</th>
    <th>Savings for holiday!</th>
  </tr>
  <tr ng-repeat="row in rows">
    <td>{{row.month}}</td>
    <td>{{row.savings}}</td>
    <td rowspan="2">{{row.holidaysavings}}</td>      
  </tr> 
</table>

使用ng-repeat重复具有rowspan的td,这不是必需的.我怎么能避免这个？