Fixed duplicate borders in gridlines

pull/5806/head
Cagatay Civici 2024-05-26 01:52:48 +03:00
parent 63904d1784
commit 3e1e91a8d8
3 changed files with 11 additions and 11 deletions

View File

@ -226,9 +226,6 @@
</template> </template>
</DTVirtualScroller> </DTVirtualScroller>
</div> </div>
<div v-if="$slots.footer" :class="cx('footer')" v-bind="ptm('footer')">
<slot name="footer"></slot>
</div>
<DTPaginator <DTPaginator
v-if="paginatorBottom" v-if="paginatorBottom"
:rows="d_rows" :rows="d_rows"
@ -269,6 +266,9 @@
<slot name="paginatorrowsperpagedropdownicon" :class="slotProps.class"></slot> <slot name="paginatorrowsperpagedropdownicon" :class="slotProps.class"></slot>
</template> </template>
</DTPaginator> </DTPaginator>
<div v-if="$slots.footer" :class="cx('footer')" v-bind="ptm('footer')">
<slot name="footer"></slot>
</div>
<div ref="resizeHelper" :class="cx('columnResizeIndicator')" style="display: none" v-bind="ptm('columnResizeIndicator')"></div> <div ref="resizeHelper" :class="cx('columnResizeIndicator')" style="display: none" v-bind="ptm('columnResizeIndicator')"></div>
<span v-if="reorderableColumns" ref="reorderIndicatorUp" :class="cx('rowReorderIndicatorUp')" style="position: absolute; display: none" v-bind="ptm('rowReorderIndicatorUp')"> <span v-if="reorderableColumns" ref="reorderIndicatorUp" :class="cx('rowReorderIndicatorUp')" style="position: absolute; display: none" v-bind="ptm('rowReorderIndicatorUp')">
<component :is="$slots.rowreorderindicatorupicon || $slots.reorderindicatorupicon || 'ArrowDownIcon'" /> <component :is="$slots.rowreorderindicatorupicon || $slots.reorderindicatorupicon || 'ArrowDownIcon'" />

View File

@ -419,7 +419,7 @@ const theme = ({ dt }) => `
} }
.p-datatable-gridlines .p-datatable-header { .p-datatable-gridlines .p-datatable-header {
border-width: 1px; border-width: 1px 1px 0 1px;
} }
.p-datatable-gridlines .p-datatable-footer { .p-datatable-gridlines .p-datatable-footer {
@ -427,7 +427,7 @@ const theme = ({ dt }) => `
} }
.p-datatable-gridlines .p-datatable-paginator-top { .p-datatable-gridlines .p-datatable-paginator-top {
border-width: 0 1px 0 1px; border-width: 1px 1px 0 1px;
} }
.p-datatable-gridlines .p-datatable-paginator-bottom { .p-datatable-gridlines .p-datatable-paginator-bottom {
@ -458,7 +458,7 @@ p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
border-width: 1px; border-width: 1px;
} }
.p-datatable-gridlines .p-datatable-tfoot>tr>td { .p-datatable-gridlines .p-datatable-tfoot > tr > td {
border-width: 1px 0 1px 1px; border-width: 1px 0 1px 1px;
} }
@ -466,7 +466,7 @@ p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-datatable.p-datatable-gridlines .p-datatable-thead +.p-datatable-tfoot > tr > td { .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
border-width: 0 0 1px 1px; border-width: 0 0 1px 1px;
} }

View File

@ -269,7 +269,7 @@ const theme = ({ dt }) => `
} }
.p-treetable-gridlines .p-treetable-header { .p-treetable-gridlines .p-treetable-header {
border-width: 1px; border-width: 1px 1px 0 1px;
} }
.p-treetable-gridlines .p-treetable-footer { .p-treetable-gridlines .p-treetable-footer {
@ -277,7 +277,7 @@ const theme = ({ dt }) => `
} }
.p-treetable-gridlines .p-treetable-paginator-top { .p-treetable-gridlines .p-treetable-paginator-top {
border-width: 0 1px 0 1px; border-width: 1px 1px 0 1px;
} }
.p-treetable-gridlines .p-treetable-paginator-bottom { .p-treetable-gridlines .p-treetable-paginator-bottom {
@ -308,7 +308,7 @@ p-treetable-gridlines .p-treetable-tbody > tr:last-child > td {
border-width: 1px; border-width: 1px;
} }
.p-treetable-gridlines .p-treetable-tfoot>tr>td { .p-treetable-gridlines .p-treetable-tfoot >tr > td {
border-width: 1px 0 1px 1px; border-width: 1px 0 1px 1px;
} }
@ -316,7 +316,7 @@ p-treetable-gridlines .p-treetable-tbody > tr:last-child > td {
border-width: 1px 1px 1px 1px; border-width: 1px 1px 1px 1px;
} }
.p-treetable.p-treetable-gridlines .p-treetable-thead +.p-treetable-tfoot > tr > td { .p-treetable.p-treetable-gridlines .p-treetable-thead + .p-treetable-tfoot > tr > td {
border-width: 0 0 1px 1px; border-width: 0 0 1px 1px;
} }