vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Add gridlines and striped demos

pull/345/head
cagataycivici 2020-06-17 16:57:27 +03:00
parent acd424cc1f
commit 9403309b3d
20 changed files with 1109 additions and 251 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
public/themes/luna-amber/theme.css
View File

@ -1356,7 +1356,7 @@
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1446,19 +1446,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #FFE082;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #323232;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #FFE082;
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #4c4c4c;
color: #dedede;
@ -1473,6 +1460,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #323232;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #FFE082;
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.72845rem 0.85rem;
}
@ -1535,7 +1556,7 @@
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1751,7 +1772,8 @@
.p-paginator {
background: #252525;
color: #dedede;
border: 1px solid #191919;
border: solid #191919;
border-width: 1px;
padding: 0;
border-radius: 3px;
}
@ -1972,7 +1994,7 @@
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -2080,6 +2102,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.749875rem 0.875rem;
}

77
public/themes/luna-blue/theme.css
View File

@ -1356,7 +1356,7 @@
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1446,19 +1446,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #81D4FA;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #323232;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #81D4FA;
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #4c4c4c;
color: #dedede;
@ -1473,6 +1460,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #323232;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #81D4FA;
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.72845rem 0.85rem;
}
@ -1535,7 +1556,7 @@
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1751,7 +1772,8 @@
.p-paginator {
background: #252525;
color: #dedede;
border: 1px solid #191919;
border: solid #191919;
border-width: 1px;
padding: 0;
border-radius: 3px;
}
@ -1972,7 +1994,7 @@
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -2080,6 +2102,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.749875rem 0.875rem;
}

77
public/themes/luna-green/theme.css
View File

@ -1356,7 +1356,7 @@
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1446,19 +1446,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #C5E1A5;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #323232;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #C5E1A5;
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #4c4c4c;
color: #dedede;
@ -1473,6 +1460,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #323232;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #C5E1A5;
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.72845rem 0.85rem;
}
@ -1535,7 +1556,7 @@
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1751,7 +1772,8 @@
.p-paginator {
background: #252525;
color: #dedede;
border: 1px solid #191919;
border: solid #191919;
border-width: 1px;
padding: 0;
border-radius: 3px;
}
@ -1972,7 +1994,7 @@
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -2080,6 +2102,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.749875rem 0.875rem;
}

77
public/themes/luna-pink/theme.css
View File

@ -1356,7 +1356,7 @@
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1446,19 +1446,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #F48FB1;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #323232;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #F48FB1;
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #4c4c4c;
color: #dedede;
@ -1473,6 +1460,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #323232;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #F48FB1;
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.72845rem 0.85rem;
}
@ -1535,7 +1556,7 @@
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1751,7 +1772,8 @@
.p-paginator {
background: #252525;
color: #dedede;
border: 1px solid #191919;
border: solid #191919;
border-width: 1px;
padding: 0;
border-radius: 3px;
}
@ -1972,7 +1994,7 @@
background: #323232;
color: #dedede;
border: 1px solid #191919;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -2080,6 +2102,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.749875rem 0.875rem;
}

77
public/themes/nova-accent/theme.css
View File

@ -1356,7 +1356,7 @@
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1446,19 +1446,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #d95f00;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #f9f9f9;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #d95f00;
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
color: #333333;
@ -1473,6 +1460,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #f9f9f9;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #d95f00;
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.72845rem 0.85rem;
}
@ -1535,7 +1556,7 @@
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1751,7 +1772,8 @@
.p-paginator {
background: #f4f4f4;
color: #333333;
border: 1px solid #c8c8c8;
border: solid #c8c8c8;
border-width: 1px;
padding: 0;
border-radius: 3px;
}
@ -1972,7 +1994,7 @@
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -2080,6 +2102,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.749875rem 0.875rem;
}

77
public/themes/nova-alt/theme.css
View File

@ -1356,7 +1356,7 @@
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1446,19 +1446,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #007ad9;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #f9f9f9;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #007ad9;
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
color: #333333;
@ -1473,6 +1460,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #f9f9f9;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #007ad9;
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.72845rem 0.85rem;
}
@ -1535,7 +1556,7 @@
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1751,7 +1772,8 @@
.p-paginator {
background: #f4f4f4;
color: #333333;
border: 1px solid #c8c8c8;
border: solid #c8c8c8;
border-width: 1px;
padding: 0;
border-radius: 3px;
}
@ -1972,7 +1994,7 @@
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -2080,6 +2102,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.749875rem 0.875rem;
}

77
public/themes/nova-vue/theme.css
View File

@ -1356,7 +1356,7 @@
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1446,19 +1446,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #41b883;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #f9f9f9;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #41b883;
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
color: #333333;
@ -1473,6 +1460,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #f9f9f9;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #41b883;
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.72845rem 0.85rem;
}
@ -1535,7 +1556,7 @@
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1751,7 +1772,8 @@
.p-paginator {
background: #f4f4f4;
color: #333333;
border: 1px solid #c8c8c8;
border: solid #c8c8c8;
border-width: 1px;
padding: 0;
border-radius: 3px;
}
@ -1972,7 +1994,7 @@
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -2080,6 +2102,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.749875rem 0.875rem;
}

77
public/themes/nova/theme.css
View File

@ -1356,7 +1356,7 @@
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1446,19 +1446,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #007ad9;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #f9f9f9;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #007ad9;
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
color: #333333;
@ -1473,6 +1460,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #f9f9f9;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #007ad9;
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.72845rem 0.85rem;
}
@ -1535,7 +1556,7 @@
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -1751,7 +1772,8 @@
.p-paginator {
background: #f4f4f4;
color: #333333;
border: 1px solid #c8c8c8;
border: solid #c8c8c8;
border-width: 1px;
padding: 0;
border-radius: 3px;
}
@ -1972,7 +1994,7 @@
background: #ffffff;
color: #333333;
border: 1px solid #c8c8c8;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 3px;
@ -2080,6 +2102,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.749875rem 0.875rem;
}

77
public/themes/rhea/theme.css
View File

@ -1356,7 +1356,7 @@
background: #ffffff;
color: #666666;
border: 1px solid #dadada;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 2px;
@ -1446,19 +1446,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #AFD3C8;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #f8f8f8;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #AFD3C8;
color: #385048;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #385048;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #385048;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #eaeaea;
color: #666666;
@ -1473,6 +1460,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #f8f8f8;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #AFD3C8;
color: #385048;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #385048;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #385048;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.72845rem 0.85rem;
}
@ -1535,7 +1556,7 @@
background: #ffffff;
color: #666666;
border: 1px solid #dadada;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 2px;
@ -1751,7 +1772,8 @@
.p-paginator {
background: #ffffff;
color: #666666;
border: 1px solid #dadada;
border: solid #dadada;
border-width: 1px;
padding: 0;
border-radius: 2px;
}
@ -1972,7 +1994,7 @@
background: #ffffff;
color: #666666;
border: 1px solid #dadada;
border-width: 1px;
border-width: 0 1px 1px 1px;
padding: 0.571rem 1rem;
font-weight: normal;
border-bottom-left-radius: 2px;
@ -2080,6 +2102,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.749875rem 0.875rem;
}

71
public/themes/saga-blue/theme.css
View File

@ -1447,19 +1447,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #2196F3;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #2196F3;
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
@ -1474,6 +1461,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #fbfcfc;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #2196F3;
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@ -1752,7 +1773,8 @@
.p-paginator {
background: #ffffff;
color: #6c757d;
border: 1px solid #e9ecef;
border: solid #e9ecef;
border-width: 0;
padding: 0.5rem 1rem;
border-radius: 4px;
}
@ -2081,6 +2103,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.875rem 0.875rem;
}

71
public/themes/saga-green/theme.css
View File

@ -1447,19 +1447,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #4CAF50;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #4CAF50;
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
@ -1474,6 +1461,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #fbfcfc;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #4CAF50;
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@ -1752,7 +1773,8 @@
.p-paginator {
background: #ffffff;
color: #6c757d;
border: 1px solid #e9ecef;
border: solid #e9ecef;
border-width: 0;
padding: 0.5rem 1rem;
border-radius: 4px;
}
@ -2081,6 +2103,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.875rem 0.875rem;
}

71
public/themes/saga-orange/theme.css
View File

@ -1447,19 +1447,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #FFC107;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #FFC107;
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #e9ecef;
color: #495057;
@ -1474,6 +1461,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #fbfcfc;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #FFC107;
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@ -1752,7 +1773,8 @@
.p-paginator {
background: #ffffff;
color: #6c757d;
border: 1px solid #e9ecef;
border: solid #e9ecef;
border-width: 0;
padding: 0.5rem 1rem;
border-radius: 4px;
}
@ -2081,6 +2103,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.875rem 0.875rem;
}

71
public/themes/vela-blue/theme.css
View File

@ -1447,19 +1447,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #64B5F6;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #283951;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #64B5F6;
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #17212f;
color: rgba(255, 255, 255, 0.87);
@ -1474,6 +1461,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #283951;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #64B5F6;
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@ -1752,7 +1773,8 @@
.p-paginator {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
border: solid #304562;
border-width: 1px;
padding: 0.5rem 1rem;
border-radius: 4px;
}
@ -2081,6 +2103,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.875rem 0.875rem;
}

71
public/themes/vela-green/theme.css
View File

@ -1447,19 +1447,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #81C784;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #283951;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #81C784;
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #17212f;
color: rgba(255, 255, 255, 0.87);
@ -1474,6 +1461,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #283951;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #81C784;
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@ -1752,7 +1773,8 @@
.p-paginator {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
border: solid #304562;
border-width: 1px;
padding: 0.5rem 1rem;
border-radius: 4px;
}
@ -2081,6 +2103,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.875rem 0.875rem;
}

71
public/themes/vela-orange/theme.css
View File

@ -1447,19 +1447,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #FFD54F;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #283951;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #FFD54F;
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #17212f;
color: rgba(255, 255, 255, 0.87);
@ -1474,6 +1461,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #283951;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #FFD54F;
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #212529;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #212529;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@ -1752,7 +1773,8 @@
.p-paginator {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
border: solid #304562;
border-width: 1px;
padding: 0.5rem 1rem;
border-radius: 4px;
}
@ -2081,6 +2103,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.875rem 0.875rem;
}

71
public/themes/vela-purple/theme.css
View File

@ -1447,19 +1447,6 @@
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
box-shadow: inset 0 -2px 0 0 #BA68C8;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even) {
background: #283951;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #BA68C8;
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
background: #17212f;
color: rgba(255, 255, 255, 0.87);
@ -1474,6 +1461,40 @@
.p-datatable .p-datatable-loading-icon {
font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
background: #283951;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
background: #BA68C8;
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
color: #ffffff;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
color: #ffffff;
}
.p-datatable.p-datatable-sm .p-datatable-header {
padding: 0.5rem 0.5rem;
}
@ -1752,7 +1773,8 @@
.p-paginator {
background: #1f2d40;
color: rgba(255, 255, 255, 0.6);
border: 0 none;
border: solid #304562;
border-width: 1px;
padding: 0.5rem 1rem;
border-radius: 4px;
}
@ -2081,6 +2103,27 @@
.p-treetable .p-treetable-loading-icon {
font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
padding: 0.875rem 0.875rem;
}

2
src/AppMenu.vue
View File

@ -80,6 +80,8 @@
<li><router-link to="/datatable/dynamiccolumns">Dynamic</router-link></li>
<li><router-link to="/datatable/templating">Templating</router-link></li>
<li><router-link to="/datatable/size">Size</router-link></li>
<li><router-link to="/datatable/gridlines">GridLines</router-link></li>
<li><router-link to="/datatable/striped">Striped</router-link></li>
<li><router-link to="/datatable/colgroup">ColGroup</router-link></li>
<li><router-link to="/datatable/paginator">Paginator</router-link></li>
<li><router-link to="/datatable/sort">Sort</router-link></li>

10
src/router.js
View File

@ -265,6 +265,16 @@ export default new Router({
path: '/datatable/contextmenu',
name: 'datatablecontextmenu',
component: () => import('./views/datatable/DataTableContextMenuDemo.vue')
},
{
path: '/datatable/gridlines',
name: 'datatablegridlines',
component: () => import('./views/datatable/DataTableGridLinesDemo.vue')
},
{
path: '/datatable/striped',
name: 'datatablestriped',
component: () => import('./views/datatable/DataTableStripedDemo.vue')
},
{
path: '/dataview',

79
src/views/datatable/DataTableGridLinesDemo.vue Normal file
View File

@ -0,0 +1,79 @@
<template>
<div>
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable <span>GridLines</span></h1>
<p>Adding <i>p-datatable-gridlines</i> displays borders between cells. Note: Some themes may always displays gridlines by design.</p>
</div>
</div>
<div class="content-section implementation">
<DataTable :value="cars" class="p-datatable-gridlines">
<template #header>
Header
</template>
<Column field="vin" header="Vin"></Column>
<Column field="year" header="Year"></Column>
<Column field="brand" header="Brand"></Column>
<Column field="color" header="Color"></Column>
<template #footer>
Footer
</template>
</DataTable>
</div>
<div class="content-section documentation">
<TabView>
<TabPanel header="Source">
<CodeHighlight>
<template v-pre>
&lt;DataTable :value="cars"&gt;
&lt;Column field="vin" header="Vin"&gt;&lt;/Column&gt;
&lt;Column field="year" header="Year"&gt;&lt;/Column&gt;
&lt;Column field="brand" header="Brand"&gt;&lt;/Column&gt;
&lt;Column field="color" header="Color"&gt;&lt;/Column&gt;
&lt;/DataTable&gt;
</template>
</CodeHighlight>
<CodeHighlight lang="javascript">
import CarService from '../../service/CarService';
export default {
data() {
return {
cars: null
}
},
carService: null,
created() {
this.carService = new CarService();
},
mounted() {
this.carService.getCarsSmall().then(data => this.cars = data);
}
}
</CodeHighlight>
</TabPanel>
</TabView>
</div>
</div>
</template>
<script>
import CarService from '../../service/CarService';
export default {
data() {
return {
cars: null
}
},
carService: null,
created() {
this.carService = new CarService();
},
mounted() {
this.carService.getCarsSmall().then(data => this.cars = data);
}
}
</script>

79
src/views/datatable/DataTableStripedDemo.vue Normal file
View File

@ -0,0 +1,79 @@
<template>
<div>
<div class="content-section introduction">
<div class="feature-intro">
<h1>DataTable <span>Striped Rows</span></h1>
<p>Adding <i>p-datatable-striped</i> displays striped rows.</p>
</div>
</div>
<div class="content-section implementation">
<DataTable :value="cars" class="p-datatable-striped">
<template #header>
Header
</template>
<Column field="vin" header="Vin"></Column>
<Column field="year" header="Year"></Column>
<Column field="brand" header="Brand"></Column>
<Column field="color" header="Color"></Column>
<template #footer>
Footer
</template>
</DataTable>
</div>
<div class="content-section documentation">
<TabView>
<TabPanel header="Source">
<CodeHighlight>
<template v-pre>
&lt;DataTable :value="cars"&gt;
&lt;Column field="vin" header="Vin"&gt;&lt;/Column&gt;
&lt;Column field="year" header="Year"&gt;&lt;/Column&gt;
&lt;Column field="brand" header="Brand"&gt;&lt;/Column&gt;
&lt;Column field="color" header="Color"&gt;&lt;/Column&gt;
&lt;/DataTable&gt;
</template>
</CodeHighlight>
<CodeHighlight lang="javascript">
import CarService from '../../service/CarService';
export default {
data() {
return {
cars: null
}
},
carService: null,
created() {
this.carService = new CarService();
},
mounted() {
this.carService.getCarsSmall().then(data => this.cars = data);
}
}
</CodeHighlight>
</TabPanel>
</TabView>
</div>
</div>
</template>
<script>
import CarService from '../../service/CarService';
export default {
data() {
return {
cars: null
}
},
carService: null,
created() {
this.carService = new CarService();
},
mounted() {
this.carService.getCarsSmall().then(data => this.cars = data);
}
}
</script>