diff --git a/src/views/datatable/DataTableDemo.vue b/src/views/datatable/DataTableDemo.vue index 39f244353..f9aac7094 100755 --- a/src/views/datatable/DataTableDemo.vue +++ b/src/views/datatable/DataTableDemo.vue @@ -67,6 +67,10 @@ + @@ -291,7 +295,7 @@ export default { display: none; } -@media screen and (max-width: 64em) { +@media screen and (max-width: 960px) { /deep/ .p-datatable { &.p-datatable-customers { .p-datatable-thead > tr > th, @@ -299,21 +303,29 @@ export default { display: none !important; } - .p-datatable-tbody > tr > td { - text-align: left; - display: block; - border: 0 none !important; - width: 100% !important; - float: left; - clear: left; - border: 0 none; + .p-datatable-tbody > tr { + border-bottom: 1px solid var(--layer-2); - .p-column-title { - padding: .4rem; - min-width: 30%; - display: inline-block; - margin: -.4rem 1rem -.4rem -.4rem; - font-weight: bold; + > td { + text-align: left; + display: block; + border: 0 none !important; + width: 100% !important; + float: left; + clear: left; + border: 0 none; + + .p-column-title { + padding: .4rem; + min-width: 30%; + display: inline-block; + margin: -.4rem 1rem -.4rem -.4rem; + font-weight: bold; + } + + .p-progressbar { + margin-top: .5rem; + } } } }