forked from Jo-Geek/jQuery-FixTableHeader
-
Notifications
You must be signed in to change notification settings - Fork 0
/
jQuery.fixTableHeader.js
97 lines (83 loc) · 2.67 KB
/
jQuery.fixTableHeader.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
(function ($) {
$.fn.fixTableHeader = function (options) {
var settings = $.extend({
fixHeader: true,
fixFooter: false
}, options);
var container = this;
var table = this.find('table');
var xHeaders;
var xFooters;
if (this.find('table').has('thead').length) {
if (this.find('table thead').has('th').length) {
xHeaders = this.find("table thead th");
}
else {
xHeaders = this.find("table thead td");
}
}
else if (this.find('table').has('tbody').length) {
if (this.find('table tbody').has('th').length) {
xHeaders = this.find("table tbody th");
}
else {
xHeaders = this.find("table tbody > tr:first-child td");
}
}
else if (this.find('table').has('th').length) {
xHeaders = this.find("table th");
}
else {
xHeaders = this.find("table > tr:first-child td");
}
if (this.find('table').has('tfoot').length) {
xFooters = this.find("table tfoot td");
}
else {
if (this.find('table').has('tbody').length) {
xFooters = this.find("table tbody > tr:last-child td");
}
else {
xFooters = this.find("table > tr:last-child td");
}
}
var containerHeight = 0;
if (hasScrollbar(container)) {
containerHeight = container.height() - getScrollBarSize();
}
else {
containerHeight = container.height();
}
xHeaders.each(function () {
$(this).addClass(' fth-header');
});
xFooters.each(function () {
$(this).addClass(' fth-footer');
})
this.scroll(function () {
if (settings.fixHeader) {
xHeaders.each(function () {
$(this).css('position', 'relative');
$(this).css('top', container.scrollTop() + 'px');
});
}
if (settings.fixFooter) {
xFooters.each(function () {
$(this).css('position', 'relative');
$(this).css('top', ((containerHeight - table.height() + container.scrollTop())) + 'px');
})
}
})
};
function getScrollBarSize() {
var $outer = $('<div>').css({ visibility: 'hidden', width: 100, overflow: 'scroll' }).appendTo('body'),
widthWithScroll = $('<div>').css({ width: '100%' }).appendTo($outer).outerWidth();
$outer.remove();
return 100 - widthWithScroll;
};
function hasScrollbar(node) {
var el = document.getElementById($(node).attr('id'));
var overflowX = window.getComputedStyle(el)['overflow-x'];
return (overflowX === 'scroll' || overflowX === 'auto') && el.scrollWidth > el.clientWidth;
}
}(jQuery));