|
1
|
/*
|
|
2
|
.table-fixed { width: 100%; background-color: #f3f3f3;}
|
|
3
|
.table-fixed tbody { height: 200px; overflow-y: auto; width: 100%;}
|
|
4
|
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th { display: flexbox;}
|
|
5
|
.table-fixed tbody td { }
|
|
6
|
.table-fixed thead tr th { border-color: #e67e22;}
|
|
7
|
*/
|
|
8
|
|
|
9
|
table#tableData,
|
|
10
|
table#news-ScrollTable {
|
|
11
|
color: #333;
|
|
12
|
font-family: Helvetica, Arial, sans-serif;
|
|
13
|
width: 100%;
|
|
14
|
/* Table reset stuff */
|
|
15
|
border-collapse: collapse;
|
|
16
|
border-spacing: 0;
|
|
17
|
}
|
|
18
|
tbody.scrolling {
|
|
19
|
max-height: 21.925em;
|
|
20
|
overflow: auto;
|
|
21
|
display: inline-block;
|
|
22
|
width: 98%;
|
|
23
|
}
|
|
24
|
td.news-Scroll, th.frm-Scroll {
|
|
25
|
border: 0 none;
|
|
26
|
height: 2.255em;
|
|
27
|
}
|
|
28
|
th.news-Scroll {
|
|
29
|
/* Gradient Background */
|
|
30
|
background: linear-gradient(#7EB7BF 0%, #507279 100%);
|
|
31
|
background: #538199;
|
|
32
|
color: #FFF;
|
|
33
|
font-weight: bold;
|
|
34
|
/* height: 40px;*/
|
|
35
|
}
|
|
36
|
td.news-Scroll { background: #FFFFFF; text-align: left; }
|
|
37
|
/* Zebra Stripe Rows */
|
|
38
|
tr.news-Scroll td { background: #FFFFFF; }
|
|
39
|
tr.news-Scroll:nth-child(odd) td { background: #e8e8e8; }
|
|
40
|
tr.news-Scroll:hover td { background: #FBFCE0; }
|
|
41
|
/* First-child blank cells! */
|
|
42
|
tr.news-Scroll td.news-Scroll:first-child, tr.news-Scroll th.news-Scroll:first-child {
|
|
43
|
/* background: none;*/
|
|
44
|
font-size: 0.9525em;
|
|
45
|
text-align: right;
|
|
46
|
padding-right: 5px;
|
|
47
|
width: 100%;
|
|
48
|
}
|
|
49
|
/* Add border-radius to specific cells! */
|
|
50
|
tr.news-Scroll:first-child th.news-Scroll:nth-child(2) { border-radius: 5px 0 0 0;}
|
|
51
|
tr.news-Scroll:first-child th.news-Scroll:last-child { border-radius: 0 5px 0 0;}
|
|
52
|
|
|
53
|
thead.news-Scroll { display: table; float: left; width: 100%; }
|
|
54
|
|
|
55
|
table#news-ScrollTable { text-align :left; font-size :12px; border :1px ridge #dadada; font-family :verdana; background :transparent; color :#0066ff; }
|
|
56
|
table.mod_form,
|
|
57
|
table#news-ScrollTable { border-collapse: collapse; width: 100%; }
|
|
58
|
table#news-ScrollTable thead { cursor :pointer; width: 100%; }
|
|
59
|
|
|
60
|
table#news-ScrollTable thead tr,
|
|
61
|
table#news-ScrollTable tfoot tr { font-weight: bold; font-size: 0.9525em; height: 1.925em; padding: 0.525em 0; background: #7D9AB6; background: linear-gradient(#7EB7BF 0%, #507279 100%); background: #45788D; }
|
|
62
|
|
|
63
|
table#news-ScrollTable tbody tr { }
|
|
64
|
table#news-ScrollTable tbody tr { line-height: 1.225em; background: #e8e8e8; }
|
|
65
|
table#news-ScrollTable tbody tr:nth-child(odd) { background: #FFFFFF; }
|
|
66
|
table#news-ScrollTable tbody tr:hover { background: #FBFCE0; }
|
|
67
|
/*****************************************/
|
|
68
|
|
|
69
|
.scrolling-table-container {
|
|
70
|
height: 21.225em;
|
|
71
|
overflow-y: scroll;
|
|
72
|
overflow-x: hidden;
|
|
73
|
}
|
|
74
|
|
|
75
|
div.outer
|
|
76
|
{
|
|
77
|
width : 100%;
|
|
78
|
overflow : auto;
|
|
79
|
}
|
|
80
|
table.table-scroll
|
|
81
|
{
|
|
82
|
table-layout:fixed;
|
|
83
|
width: 100%; /* same as containing div */
|
|
84
|
}
|
|
85
|
table.table-scroll th, table.table-scroll td
|
|
86
|
{
|
|
87
|
border: solid 0px #ccc;
|
|
88
|
}
|
|
89
|
table.table-scroll thead, table.table-scroll tbody { display: block; }
|
|
90
|
|
|
91
|
table.table-scroll tbody {
|
|
92
|
height: 22.225em; /* Just for the demo */
|
|
93
|
overflow-y: auto; /* Trigger vertical scroll */
|
|
94
|
overflow-x: hidden; /* Hide the horizontal scroll */
|
|
95
|
width: 100%;
|
|
96
|
}
|