I am working on an Angular table and need to implement a vertical scroll bar exclusively for the table body, excluding the header. How can I achieve this?
Since the rows are dynamically generated using ng-repeat, I'm unsure how to apply the overflow style.
When attempting to add an additional div to wrap all non-header rows, it disrupts the table layout causing all rows to display in a single column.
<div class="custom-table">
<div class="custom-table-row custom-header">
<div class="custom-table-cell">A</div>
<div class="custom-table-cell">B</div>
<div class="custom-table-cell">C</div>
</div>
<div class="custom-table-row custom-striped pointer-cursor" ng-repeat="item in itemList">
<div class="custom-table-cell" ng-bind="item.A"></div>
<div class="custom-table-cell">{{item.B}}</div>
<div class="custom-table-cell" ng-bind="item.C"></div>
</div>
</div>