使用AngularJS合并表格单元格

<table>
  <tr ng-repeat="item in items | mergeCellsFilter">
    <td ng-if="item.show">{{ item.value }}</td>
    <td ng-if="!item.show" rowspan="{{ item.rowspan }}">{{ item.value }}</td>
  </tr>
</table>

angular.module('myApp', [])
  .filter('mergeCellsFilter', function() {
    return function(items) {
      var mergedItems = [];
      var prevItem = null;
      var count = 1;

      angular.forEach(items, function(item) {
        if (prevItem === null || item.value !== prevItem.value) {
          if (prevItem !== null) {
            prevItem.rowspan = count;
            mergedItems.push(prevItem);
          }
          prevItem = angular.copy(item);
          count = 1;
          item.show = true;
        } else {
          item.show = false;
          count++;
        }
      });

      if (prevItem !== null) {
        prevItem.rowspan = count;
        mergedItems.push(prevItem);
      }

      return mergedItems;
    };
  });