Sort up sort down icons in tabellenkopf
This commit is contained in:
parent
d32b008b3f
commit
299cd535da
2 changed files with 9 additions and 7 deletions
15
css/main.css
15
css/main.css
|
@ -104,21 +104,22 @@ table#t01 {
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
table#t01 tr:nth-child(even) {
|
||||
background-color: lightgray;
|
||||
}
|
||||
|
||||
table#t01 tr:nth-child(odd) {
|
||||
background-color: white;
|
||||
background-color: lightgrey;
|
||||
}
|
||||
|
||||
table#t01 th {
|
||||
background-color: white;
|
||||
background-color: #fff;
|
||||
}
|
||||
/* die sort up sort down icons neben den Spaltennamen */
|
||||
table#t01 th i {
|
||||
font-size: 0.6em;
|
||||
color: lightgreen;
|
||||
}
|
||||
|
||||
table#t01 th, table#t01 td {
|
||||
line-height: 1em;
|
||||
padding: 5px 8px;
|
||||
padding: 11px 0;
|
||||
}
|
||||
|
||||
.boxed {
|
||||
|
|
|
@ -59,6 +59,7 @@ function processData(csv, path) {
|
|||
// create table column header
|
||||
table += "<th onclick=\"sortTable(" + j + ")\" >";
|
||||
table += stringPerToSlash(data[j]);
|
||||
table += ' <i class="fas fa-chevron-up"></i> <i class="fas fa-chevron-down"></i>';
|
||||
table += "</th>";
|
||||
|
||||
// create dropdown elements
|
||||
|
|
Loading…
Reference in a new issue