JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div>
  <div ng-controller="myCntrl">

    <br />
    <table>
      <tr ng-repeat="row in rows">
        <td>


          <input type="text" ng-model="result" name="result" />

        </td>
        <td width="5%"></td>
        <td>
          <td>
            <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>





          </td>
      </tr>
    </table>
    <br />



    <!-- Modal -->
    <div id="myModal" class="modal fade" role="dialog">
      <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">&times;</button>
            <h4 class="modal-title">Modal Header</h4>
          </div>
          <div class="modal-body">

            <table>
              <tr>
                <td>
                  <label> Value1</label>
                </td>
                <td>
                  <input type="text" ng-model="val" />
                </td>
                <td></td>
                <td>
                  <label> Value2 </label>
                </td>
                <td>
                  <input type="text" ng-model="value" />
                </td>
              </tr>
            </table>



          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" ng-click="Addrow()" data-dismiss="modal">Submit</button>
          </div>
        </div>

      </div>
    </div>
  </div>
</div>

CSS

@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');

JavaScript

var app = angular.module("myApp", []);
app.controller('myCntrl', function($scope) {
  $scope.rows = [{
      column1: 'first row',
      column2: 'second column of first row',
      column3: false
    }

  ];

  $scope.Addrow = function() {
   


    alert("hi");
    $scope.rows.push(


      {

        column1: 'row #' + $scope.rows.length,
        column2: 'this is new',
        column3: true
      }


    );
    $scope.result = $scope.val - $scope.value;
  }

});