我正在使用javascript，bootstrap，angularjs創(chuàng)建具有可編輯選項(xiàng)卡名稱的選項(xiàng)卡視圖，并帶有添加/刪除選項(xiàng)卡的選項(xiàng)（已完成）以及每個(gè)選項(xiàng)卡中的可編輯表格（可完成）。我很難找到示例，其中在所有選項(xiàng)卡中都放置了帶有只讀列的動態(tài)可編輯表（下面的表屏幕截圖示例）。我想知道是否有人實(shí)現(xiàn)了類似的示例或有指導(dǎo)性的示例，感謝您的幫助。另外，我還附有每個(gè)商店標(biāo)簽的表格視圖的屏幕快照，此處所有標(biāo)簽頁的第1列都是相同的（只讀），第2列中的值是可編輯的，這是指向我的標(biāo)簽視圖代碼的鏈接。html<div class="container">  <div class="page-header">    <h1>Stores Window</h1>  </div>  <h3>Actions:</h3>  <ul class="list-unstyled">    <li>Add new stores</li>    <li>Edit store names</li>    <li>Delete stores </li>  </ul></div><div ng-app="tabApp" class="container">  <div ng-controller="MainController" class="tab-container">    <div class="ng-isolate-scope">      <ul class="nav nav-tabs" data-as-sortable="" data-ng-model="tabs">        <li ng-repeat="tab in tabs" data-as-sortable-item  ng-class="tab.active ? 'active' : ''">          <a href="" ng-click="select(tab)" class="ng-binding" data-as-sortable-item-handle>{{tab.title}}</a>        </li>        <li class="uib-tab-last" data-toggle="modal" data-target="#CreateNewTabModal" ng-disabled="!hasLimit">        <a href="#">+ Add New</a>      </li>      </ul>      <div class="tab-content">        <div class="tab-pane" ng-repeat="(index,tab) in tabs" ng-class="tab.active ? 'active' : ''">          <p class="text-right">            <button type="button" ng-click="EditTab(index)" class="btn btn-info">              <i class="glyphicon glyphicon-pencil"></i>            </button>            <button type="button" ng-click="destroyTab(index)" ng-if="tabs.length > 1" class="btn btn-danger">              <i class="glyphicon glyphicon-remove"></i>            </button>          </p>          <p class="text-center ng-scope">{{tab.content}}</p>        </div>      </div>    </div>