如何在bootstrap中创建带固定头的表？

Question

您知道如何在bootstrap中使用带有固定标头的可滚动表格？我想只是表体可滚动。这是我的桌子。

<div class="form-inline" id="overnightsDays">
        <label translate="ratingCalculator.overnight.displayDays"></label>
        <label ng-repeat="day in days">
            <input type="checkbox" name="{{day.name}}" id="{{day.id}}" ng-model="day.checked" ng-init="selectedDays()" ng-change="selectedDays()">
            <label class="overnights-display-rating margin-less" for="{{day.id}}" translate="ratingCalculator.overnight.{{day.name}}"> </label>
        </label>
    </div>
    <div ng-if="vm.overnights.programs.length" id="overnightsTableData">
        <table class="table table-bordered table-striped">
            <thead>
                <tr>

                </tr>
            </thead>
            <tbody>
                <tr ng-repeat="program in vm.tblOvernights.programs | filter: dayFilter">

                </tr>
            </tbody>
        </table>
    </div>