diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 9984b66fd..38b21c4ac 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -2127,6 +2127,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(100, 181, 246, 0.16); color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index cb183f7a3..e2d4be12f 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -2127,6 +2127,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(129, 199, 132, 0.16); color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index f34da3b49..3ae9b656b 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -2127,6 +2127,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(255, 213, 79, 0.16); color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index 3dd103d9b..0062ff7bf 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -2127,6 +2127,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(186, 104, 200, 0.16); color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/bootstrap4-dark-blue/theme.css b/public/themes/bootstrap4-dark-blue/theme.css index 58658a7b3..eda094c67 100644 --- a/public/themes/bootstrap4-dark-blue/theme.css +++ b/public/themes/bootstrap4-dark-blue/theme.css @@ -2139,6 +2139,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #8dd0ff; color: #151515; diff --git a/public/themes/bootstrap4-dark-purple/theme.css b/public/themes/bootstrap4-dark-purple/theme.css index 4d096edb4..6156bad51 100644 --- a/public/themes/bootstrap4-dark-purple/theme.css +++ b/public/themes/bootstrap4-dark-purple/theme.css @@ -2139,6 +2139,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #c298d8; color: #151515; diff --git a/public/themes/bootstrap4-light-blue/theme.css b/public/themes/bootstrap4-light-blue/theme.css index 4548819c0..d7c4402bf 100644 --- a/public/themes/bootstrap4-light-blue/theme.css +++ b/public/themes/bootstrap4-light-blue/theme.css @@ -2139,6 +2139,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #007bff; color: #ffffff; diff --git a/public/themes/bootstrap4-light-purple/theme.css b/public/themes/bootstrap4-light-purple/theme.css index f2240d373..36b1b11fb 100644 --- a/public/themes/bootstrap4-light-purple/theme.css +++ b/public/themes/bootstrap4-light-purple/theme.css @@ -2139,6 +2139,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #883cae; color: #ffffff; diff --git a/public/themes/fluent-light/theme.css b/public/themes/fluent-light/theme.css index 78cce18c3..f49bd71bf 100644 --- a/public/themes/fluent-light/theme.css +++ b/public/themes/fluent-light/theme.css @@ -2127,6 +2127,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #edebe9; color: #323130; diff --git a/public/themes/luna-amber/theme.css b/public/themes/luna-amber/theme.css index 83cf511b5..9d5be4c29 100644 --- a/public/themes/luna-amber/theme.css +++ b/public/themes/luna-amber/theme.css @@ -2139,6 +2139,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 700; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #FFE082; color: #212529; diff --git a/public/themes/luna-blue/theme.css b/public/themes/luna-blue/theme.css index b336957fb..4986824d6 100644 --- a/public/themes/luna-blue/theme.css +++ b/public/themes/luna-blue/theme.css @@ -2139,6 +2139,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 700; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #81D4FA; color: #212529; diff --git a/public/themes/luna-green/theme.css b/public/themes/luna-green/theme.css index 8648b5c18..1a944c1ae 100644 --- a/public/themes/luna-green/theme.css +++ b/public/themes/luna-green/theme.css @@ -2139,6 +2139,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 700; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #C5E1A5; color: #212529; diff --git a/public/themes/luna-pink/theme.css b/public/themes/luna-pink/theme.css index 8cfc4148f..af0d18975 100644 --- a/public/themes/luna-pink/theme.css +++ b/public/themes/luna-pink/theme.css @@ -2139,6 +2139,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 700; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #F48FB1; color: #212529; diff --git a/public/themes/md-dark-deeppurple/theme.css b/public/themes/md-dark-deeppurple/theme.css index 6a923ffee..4484775a6 100644 --- a/public/themes/md-dark-deeppurple/theme.css +++ b/public/themes/md-dark-deeppurple/theme.css @@ -2151,6 +2151,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 500; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(206, 147, 216, 0.16); color: #CE93D8; diff --git a/public/themes/md-dark-indigo/theme.css b/public/themes/md-dark-indigo/theme.css index 502275653..06b0f6d98 100644 --- a/public/themes/md-dark-indigo/theme.css +++ b/public/themes/md-dark-indigo/theme.css @@ -2151,6 +2151,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 500; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(159, 168, 218, 0.16); color: #9FA8DA; diff --git a/public/themes/md-light-deeppurple/theme.css b/public/themes/md-light-deeppurple/theme.css index afadbb022..7c46d34f6 100644 --- a/public/themes/md-light-deeppurple/theme.css +++ b/public/themes/md-light-deeppurple/theme.css @@ -2151,6 +2151,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 500; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(103, 58, 183, 0.12); color: #673AB7; diff --git a/public/themes/md-light-indigo/theme.css b/public/themes/md-light-indigo/theme.css index c3858d4e3..97f9023c3 100644 --- a/public/themes/md-light-indigo/theme.css +++ b/public/themes/md-light-indigo/theme.css @@ -2151,6 +2151,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 500; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(63, 81, 181, 0.12); color: #3F51B5; diff --git a/public/themes/mdc-dark-deeppurple/theme.css b/public/themes/mdc-dark-deeppurple/theme.css index dbc579d26..3d5caa0c8 100644 --- a/public/themes/mdc-dark-deeppurple/theme.css +++ b/public/themes/mdc-dark-deeppurple/theme.css @@ -2151,6 +2151,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 500; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(103, 58, 183, 0.16); color: #673AB7; diff --git a/public/themes/mdc-dark-indigo/theme.css b/public/themes/mdc-dark-indigo/theme.css index ae2f15968..2fa7ebedf 100644 --- a/public/themes/mdc-dark-indigo/theme.css +++ b/public/themes/mdc-dark-indigo/theme.css @@ -2151,6 +2151,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 500; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(63, 81, 181, 0.16); color: #3F51B5; diff --git a/public/themes/mdc-light-deeppurple/theme.css b/public/themes/mdc-light-deeppurple/theme.css index a4862cf94..634141dfe 100644 --- a/public/themes/mdc-light-deeppurple/theme.css +++ b/public/themes/mdc-light-deeppurple/theme.css @@ -2151,6 +2151,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 500; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(103, 58, 183, 0.12); color: #673AB7; diff --git a/public/themes/mdc-light-indigo/theme.css b/public/themes/mdc-light-indigo/theme.css index 60979ce94..8f21fe4f0 100644 --- a/public/themes/mdc-light-indigo/theme.css +++ b/public/themes/mdc-light-indigo/theme.css @@ -2151,6 +2151,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 500; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(63, 81, 181, 0.12); color: #3F51B5; diff --git a/public/themes/nova-accent/theme.css b/public/themes/nova-accent/theme.css index 7ba470cbc..bbff0c37a 100644 --- a/public/themes/nova-accent/theme.css +++ b/public/themes/nova-accent/theme.css @@ -2127,6 +2127,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 700; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #e02365; color: #ffffff; diff --git a/public/themes/nova-alt/theme.css b/public/themes/nova-alt/theme.css index 0e13e835a..0bb4e5046 100644 --- a/public/themes/nova-alt/theme.css +++ b/public/themes/nova-alt/theme.css @@ -2139,6 +2139,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 700; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #007ad9; color: #ffffff; diff --git a/public/themes/nova-vue/theme.css b/public/themes/nova-vue/theme.css index 6a10ed1bf..f3a972c64 100644 --- a/public/themes/nova-vue/theme.css +++ b/public/themes/nova-vue/theme.css @@ -2139,6 +2139,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 700; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #41b883; color: #ffffff; diff --git a/public/themes/nova/theme.css b/public/themes/nova/theme.css index fbcb881ae..ff2034bbf 100644 --- a/public/themes/nova/theme.css +++ b/public/themes/nova/theme.css @@ -2139,6 +2139,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 700; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #007ad9; color: #ffffff; diff --git a/public/themes/rhea/theme.css b/public/themes/rhea/theme.css index 21fd93a68..c55492bce 100644 --- a/public/themes/rhea/theme.css +++ b/public/themes/rhea/theme.css @@ -2127,6 +2127,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 700; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #AFD3C8; color: #385048; diff --git a/public/themes/saga-blue/theme.css b/public/themes/saga-blue/theme.css index 0a4d2f7f4..cf693ed7f 100644 --- a/public/themes/saga-blue/theme.css +++ b/public/themes/saga-blue/theme.css @@ -2127,6 +2127,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #E3F2FD; color: #495057; diff --git a/public/themes/saga-green/theme.css b/public/themes/saga-green/theme.css index cb0ca958d..4c42a30dd 100644 --- a/public/themes/saga-green/theme.css +++ b/public/themes/saga-green/theme.css @@ -2127,6 +2127,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #E8F5E9; color: #495057; diff --git a/public/themes/saga-orange/theme.css b/public/themes/saga-orange/theme.css index be127a5de..646f883fc 100644 --- a/public/themes/saga-orange/theme.css +++ b/public/themes/saga-orange/theme.css @@ -2127,6 +2127,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #FFF3E0; color: #495057; diff --git a/public/themes/saga-purple/theme.css b/public/themes/saga-purple/theme.css index a0513e5ce..dd527f1ea 100644 --- a/public/themes/saga-purple/theme.css +++ b/public/themes/saga-purple/theme.css @@ -2127,6 +2127,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: #F3E5F5; color: #495057; diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 94a54e993..6bf6ee8c0 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -2127,6 +2127,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(100, 181, 246, 0.16); color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index 1e7fc2eab..355ff695d 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -2127,6 +2127,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(129, 199, 132, 0.16); color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 97e10b5eb..697936510 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -2127,6 +2127,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(255, 213, 79, 0.16); color: rgba(255, 255, 255, 0.87); diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index 2b9f2d4cb..68d04e4a9 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -2127,6 +2127,9 @@ .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save { margin-right: 0.5rem; } +.p-datatable .p-datatable-tbody > tr > td > .p-column-title { + font-weight: 600; +} .p-datatable .p-datatable-tbody > tr.p-highlight { background: rgba(186, 104, 200, 0.16); color: rgba(255, 255, 255, 0.87); diff --git a/src/components/datatable/DataTable.vue b/src/components/datatable/DataTable.vue index 09c3e60e5..2e4bb6759 100755 --- a/src/components/datatable/DataTable.vue +++ b/src/components/datatable/DataTable.vue @@ -1580,8 +1580,12 @@ export default { display: none !important; } - .p-datatable[${this.attributeSelector}] .p-datatable-tbody > tr { - border-bottom: 1px solid var(--surface-d); + .p-datatable[${this.attributeSelector}] .p-datatable-tbody > tr > td { + display: flex; + width: 100%; + align-items: center; + justify-content: space-between; + border-width: 0 none; } .p-datatable[${this.attributeSelector}] .p-datatable-tbody > tr > td { @@ -1589,6 +1593,9 @@ export default { width: 100%; align-items: center; justify-content: space-between; + } + + .p-datatable[${this.attributeSelector}] .p-datatable-tbody > tr > td:not(:last-child) { border: 0 none; }