Scrolling table with fixed headers

Something like this: http://www.imaputz.com/cssStuff/bigFourVersion.html

I’ve looked at a lot of different discussions about how to accomplish this, either through plug-ins or using CSS, but so far nothing I’ve found has worked quite how I would like it. My primary problem with the CSS approach is that having to apply the display: block; property breaks the formatting of the table, making it look ugly and unable to resize with the window. Is this a feature you’ve ever considered adding to ng-table? If not, do you know of the best way I can achieve this?

[theaspect]

Whoever find this, use https://github.com/jmosbech/StickyTableHeaders works out of the box with this directive:

.directive "stickyHeader", ["$timeout", ($timeout)->
  restrict: 'A'
  link: (scope, element, attrs) ->
    $timeout(() -> $(element).stickyTableHeaders())
]

[chrispyliang]

here is an approach with pure css

tbody {
    max-height: 200px; 
    overflow-y: scroll;
    display: block;
}

thead, tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}