title: Angularjs - How to group by rows with the same value in a specific column into one cell?
body: <p>I have these columns:</p>
  
  <pre><code>Column1     Column2      Column3
     1           a            x
     1           b            y
     2           c            z
  </code></pre>
  
  <p>I want the result to be:</p>
  
  <pre><code>Column1     Column2      Column3
     1           a            x
                 b            y
     2           c            z
  </code></pre>
  
  <p>where row 1 and row 2 is in the same cell.</p>
  
  <p>How can I achieve this with Angularjs? I've read some others uses external dependencies. Can I achieve this without using external dependencies?</p>
  
  <p>Here is my sample code (run the snippet):</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div ng-app="myApp" ng-controller="myCtrl"&gt;
      &lt;table&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th class="col-md-1 col-xs-1 col-sm-1"&gt;Col1&lt;/th&gt;
                  &lt;th class="col-md-1 col-xs-1 col-sm-1"&gt;Col2&lt;/th&gt;
                  &lt;th class="col-md-1 col-xs-1 col-sm-1"&gt;Col3&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr ng-repeat="item in obj"&gt;
  
                  &lt;td&gt; {{ item.col1 }} &lt;/td&gt;
                  &lt;td&gt; {{ item.col2 }} &lt;/td&gt;
                  &lt;td&gt; {{ item.col3 }} &lt;/td&gt;
              &lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      var app = angular.module('myApp', []);
      app.controller('myCtrl', function ($scope) {
          $scope.obj = [{ col1: 1, col2: "a", col3: "x" }, { col1: 1, col2: "b", col3: "y" }, { col1: 2, col2: "c", col3: "z" }];
      });
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>