如何将带有只读列的可编辑表格插入angular js的选项卡视图

<div ng-app="myApp" ng-controller="myController">
  <ul class="nav nav-tabs">
    <li ng-class="{active: activeTab === 'tab1'}"><a href="#" ng-click="changeTab('tab1')">Tab 1</a></li>
    <li ng-class="{active: activeTab === 'tab2'}"><a href="#" ng-click="changeTab('tab2')">Tab 2</a></li>
  </ul>
  
  <div ng-show="activeTab === 'tab1'">
    <table ng-table="tableParams" class="table">
      <tr ng-repeat="user in users">
        <td data-title="'Name'">{{ user.name }}</td>
        <td data-title="'Age'">{{ user.age }}</td>
        <td data-title="'Email'">{{ user.email }}</td>
        <td data-title="'Read Only'">{{ user.readOnly }}</td>
      </tr>
    </table>
  </div>
  
  <div ng-show="activeTab === 'tab2'">
    <!-- Insert another table or content for tab 2 -->
  </div>
</div>

var app = angular.module('myApp', ['ngTable']);

app.controller('myController', function($scope, NgTableParams) {
  $scope.activeTab = 'tab1'; // 默认选中的选项卡
  
  $scope.changeTab = function(tab) {
    $scope.activeTab = tab;
  };
  
  $scope.users = [
    { name: 'John', age: 25, email: 'john@example.com', readOnly: true },
    { name: 'Jane', age: 30, email: 'jane@example.com', readOnly: false },
    // 添加更多用户数据
  ];
  
  $scope.tableParams = new NgTableParams({}, { dataset: $scope.users });
});