Uni/WME
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Sort up sort down icons in tabellenkopf

Browse source
This commit is contained in:
seli 2018-11-04 14:35:54 +01:00
parent d32b008b3f
commit 299cd535da
2 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
css/main.css
View file

@ -104,21 +104,22 @@ table#t01 {
width: 100%; width: 100%;
} }
table#t01 tr:nth-child(even) {
background-color: lightgray;
}
table#t01 tr:nth-child(odd) { table#t01 tr:nth-child(odd) {
background-color: white; background-color: lightgrey;
} }
table#t01 th { 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 { table#t01 th, table#t01 td {
line-height: 1em; line-height: 1em;
padding: 5px 8px; padding: 11px 0;
} }
.boxed { .boxed {

1
js/table.js
View file

@ -59,6 +59,7 @@ function processData(csv, path) {
// create table column header // create table column header
table += "<th onclick=\"sortTable(" + j + ")\" >"; table += "<th onclick=\"sortTable(" + j + ")\" >";
table += stringPerToSlash(data[j]); table += stringPerToSlash(data[j]);
table += ' <i class="fas fa-chevron-up"></i>&nbsp;<i class="fas fa-chevron-down"></i>';
table += "</th>"; table += "</th>";
// create dropdown elements // create dropdown elements