bootstrap <div class="table-responsive" style="height: auto;"> <table class="table table-hover table-striped b-t b-light" style="display:block; max-height:800px;overflow-y: scroll;"> <thead> <tr> <th>序号</th> <th>工单</th> <th>条码</th> <th>型号</th> <th>资源</th> <th>设备编号</th> <th>工序</th> <th>工序中文描述</th> <th>建档日期</th> <th>结果</th> <th>不良代码</th> <th>不良代码明细</th> <th>备注</th> <th ng-repeat="item in fields">{{item.filedName}}</th> <th>建档人</th> </tr> </thead> <tbody > <tr ng-repeat="item in page"> <td>{{$index + 1}}</td> <td>{{item.gd}}</td> <td>{{item.sfc}}</td> <td>{{item.xh}}</td> <td>{{item.resourceId}}</td> <td>{{item.machineNo}}</td><!--等待乙方提供设备编号--> <td>{{item.opeationId}}</td> <td>{{item.operationName}}</td> <td>{{item.czDate}}</td> <td>{{item.flag}}</td> <td>{{item.ngCode}}</td> <td>{{item.ncDesc}}</td> <td>{{item.demo}}</td> <td ng-repeat="field in fields"> {{item[field.tableField]}} </td> <td>{{item.czUser}}</td> </tr> </tbody> </table> </div> 这个代码怎么固定表头做内容滚动

可以在表头部分添加固定样式，使其固定在页面顶部，然后设置表格内容的最大高度和垂直滚动条即可。具体代码如下：

<div class="table-responsive" style="height: auto;">
  <table class="table table-hover table-striped b-t b-light" style="display:block; max-height:800px;overflow-y: scroll;">
    <thead style="position: sticky; top: 0;">
      <tr>
        <th>序号</th>
        <th>工单</th>
        <th>条码</th>
        <th>型号</th>
        <th>资源</th>
        <th>设备编号</th>
        <th>工序</th>
        <th>工序中文描述</th>
        <th>建档日期</th>
        <th>结果</th>
        <th>不良代码</th>
        <th>不良代码明细</th>
        <th>备注</th>
        <th ng-repeat="item in fields">{{item.filedName}}</th>
        <th>建档人</th>
      </tr>
    </thead>
    <tbody style="height: 500px; overflow-y: auto;">
      <tr ng-repeat="item in page">
        <td>{{$index + 1}}</td>
        <td>{{item.gd}}</td>
        <td>{{item.sfc}}</td>
        <td>{{item.xh}}</td>
        <td>{{item.resourceId}}</td>
        <td>{{item.machineNo}}</td>
        <td>{{item.opeationId}}</td>
        <td>{{item.operationName}}</td>
        <td>{{item.czDate}}</td>
        <td>{{item.flag}}</td>
        <td>{{item.ngCode}}</td>
        <td>{{item.ncDesc}}</td>
        <td>{{item.demo}}</td>
        <td ng-repeat="field in fields"> {{item[field.tableField]}} </td>
        <td>{{item.czUser}}</td>
      </tr>
    </tbody>
  </table>
</div>

其中，`position: sticky; top: 0;`样式可以让表头固定在页面顶部，`height: 500px; overflow-y: auto;`样式可以设置表格内容的最大高度和垂直滚动条。