scrollTable/scrollTable.css at master · x2gboye/scrollTable · GitHub

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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
/*---------------------------------------------------------------------------
Base css
---------------------------------------------------------------------------*/
.ui-scrollTable {
	position: relative; /* could be absolute or relative */
}

.ui-scrollTable-wrapper {
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}

.ui-scrollTable-header,
.ui-scrollTable-footer {
	height: 38px; /* height of header/footer */
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

.ui-scrollTable-footer {
	top: auto;
	bottom:0;
}

.ui-scrollTable table {
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	border-collapse:separate; /* can't be set to collapse or headers/footers won't line up, sorry */
	margin:0;
}

.ui-scrollTable table > thead th,
.ui-scrollTable table > tfoot td,
.ui-scrollTable table > thead .th-inner,
.ui-scrollTable table > tfoot .tf-inner {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.ui-scrollTable table > thead th,
.ui-scrollTable table > tfoot td {
	border:0;
	padding:0;
	line-height:0;
	height:0;
}

.ui-scrollTable table > thead .th-inner,
.ui-scrollTable table > tfoot .tf-inner {
	position: absolute;
	top:0;
	text-align:inherit;
}

.ui-scrollTable table > tfoot .tf-inner {
	top:auto;
	bottom:0;
}


/*---------------------------------------------------------------------------
Edit borders, colors, cell-padding here
---------------------------------------------------------------------------*/
.ui-scrollTable-header,
.ui-scrollTable table > thead .th-inner {
	background: #fff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
}

.ui-scrollTable-footer,
.ui-scrollTable table > tfoot .tf-inner {
	background: #f5f5f5;
	font-weight:bold;
}

.ui-scrollTable-header {
	border-bottom: 2px solid #ddd;
}

.ui-scrollTable-footer {
	border-top: 2px solid #ddd;
}

.ui-scrollTable table > tbody td {
	background:#fff;
	border:none;
	border-bottom: 1px solid #ddd;
}

.ui-scrollTable-bordered {
	border:1px solid #ddd;
}

.ui-scrollTable .table-bordered {
	border:0;
}

.ui-scrollTable .table-bordered > tbody td + td {
	border-left: 1px solid #ddd;
}

.ui-scrollTable .table-bordered > thead .th-inner,
.ui-scrollTable .table-bordered > tfoot .tf-inner {
	border-left: 1px solid #ddd;
}
.ui-scrollTable  .table-bordered > thead tr th:first-child .th-inner,
.ui-scrollTable  .table-bordered > tfoot tr td:first-child .tf-inner {
	border-left: none;
}

/*---------------------------------------------------------------------------
Header styles for jquery.tablesorter.js plugin
---------------------------------------------------------------------------*/
.ui-scrollTable table > thead th.tablesorter-header:hover {
	cursor:pointer;
}
.ui-scrollTable table > thead th.tablesorter-header.tablesorter-headerDesc .tablesorter-header-inner .th-inner:after,
.ui-scrollTable table > thead th.tablesorter-header.tablesorter-headerDesc .th-inner .tablesorter-header-inner:after {
	content:" \25B4"; /*up arrow*/
}
.ui-scrollTable table > thead th.tablesorter-header.tablesorter-headerAsc .tablesorter-header-inner .th-inner:after,
.ui-scrollTable table > thead th.tablesorter-header.tablesorter-headerAsc .th-inner .tablesorter-header-inner:after {
	content:" \25BE"; /*down arrow*/
}