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

Corrections on Table Demo

pull/310/head
cagataycivici 2020-04-30 19:22:24 +03:00
parent 2a43d18843
commit 7016969524
2 changed files with 19 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/views/datatable/DataTableDemo.vue
View File

@ -17,8 +17,8 @@
paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown" :rowsPerPageOptions="[10,25,50]" paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown" :rowsPerPageOptions="[10,25,50]"
currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"> currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries">
<template #header> <template #header>
<div class="table-header">
List of Customers List of Customers
<div class="p-datatable-globalfilter-container">
<InputText v-model="filters['global']" placeholder="Global Search" /> <InputText v-model="filters['global']" placeholder="Global Search" />
</div> </div>
</template> </template>
@ -232,12 +232,8 @@ export default {
} }
/deep/ .p-paginator { /deep/ .p-paginator {
.p-dropdown {
float: left;
}
.p-paginator-current { .p-paginator-current {
float: right; margin-left: auto;
} }
} }
@ -254,12 +250,9 @@ export default {
width: 100%; width: 100%;
} }
.p-datatable-globalfilter-container { .table-header {
float: right; display: flex;
justify-content: space-between;
input {
width: 200px;
}
} }
/deep/ .p-datepicker { /deep/ .p-datepicker {
@ -283,10 +276,6 @@ export default {
.p-datatable-thead > tr > th { .p-datatable-thead > tr > th {
text-align: left; text-align: left;
&.p-filter-column {
border-top: 1px solid #c8c8c8;
}
} }
.p-datatable-tbody > tr > td { .p-datatable-tbody > tr > td {

38
src/views/datatable/DataTableDoc.vue
View File

@ -2357,8 +2357,8 @@ export default {
paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown" :rowsPerPageOptions="[10,25,50]" paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown" :rowsPerPageOptions="[10,25,50]"
currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"&gt; currentPageReportTemplate="Showing {first} to {last} of {totalRecords} entries"&gt;
&lt;template #header&gt; &lt;template #header&gt;
&lt;div class="table-header"&gt;
List of Customers List of Customers
&lt;div class="p-datatable-globalfilter-container"&gt;
&lt;InputText v-model="filters['global']" placeholder="Global Search" /&gt; &lt;InputText v-model="filters['global']" placeholder="Global Search" /&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;/template&gt; &lt;/template&gt;
@ -2518,32 +2518,32 @@ export default {
font-size: 12px; font-size: 12px;
letter-spacing: .3px; letter-spacing: .3px;
&amp;.status-qualified { &.status-qualified {
background-color: #C8E6C9; background-color: #C8E6C9;
color: #256029; color: #256029;
} }
&amp;.status-unqualified { &.status-unqualified {
background-color: #FFCDD2; background-color: #FFCDD2;
color: #C63737; color: #C63737;
} }
&amp;.status-negotiation { &.status-negotiation {
background-color: #FEEDAF; background-color: #FEEDAF;
color: #8A5340; color: #8A5340;
} }
&amp;.status-new { &.status-new {
background-color: #B3E5FC; background-color: #B3E5FC;
color: #23547B; color: #23547B;
} }
&amp;.status-renewal { &.status-renewal {
background-color: #ECCFFF; background-color: #ECCFFF;
color: #694382; color: #694382;
} }
&amp;.status-proposal { &.status-proposal {
background-color: #FFD8B2; background-color: #FFD8B2;
color: #805B36; color: #805B36;
} }
@ -2564,12 +2564,8 @@ export default {
} }
/deep/ .p-paginator { /deep/ .p-paginator {
.p-dropdown {
float: left;
}
.p-paginator-current { .p-paginator-current {
float: right; margin-left: auto;
} }
} }
@ -2586,12 +2582,9 @@ export default {
width: 100%; width: 100%;
} }
.p-datatable-globalfilter-container { .table-header {
float: right; display: flex;
justify-content: space-between;
input {
width: 200px;
}
} }
/deep/ .p-datepicker { /deep/ .p-datepicker {
@ -2604,28 +2597,20 @@ export default {
/deep/ .p-datatable.p-datatable-customers { /deep/ .p-datatable.p-datatable-customers {
.p-datatable-header { .p-datatable-header {
border: 0 none;
padding: 12px; padding: 12px;
text-align: left; text-align: left;
font-size: 20px; font-size: 20px;
} }
.p-paginator { .p-paginator {
border: 0 none;
padding: 1em; padding: 1em;
} }
.p-datatable-thead > tr > th { .p-datatable-thead > tr > th {
border: 0 none;
text-align: left; text-align: left;
&.p-filter-column {
border-top: 1px solid #c8c8c8;
}
} }
.p-datatable-tbody > tr > td { .p-datatable-tbody > tr > td {
border: 0 none;
cursor: auto; cursor: auto;
} }
@ -2654,6 +2639,7 @@ export default {
width: 100% !important; width: 100% !important;
float: left; float: left;
clear: left; clear: left;
border: 0 none;
.p-column-title { .p-column-title {
padding: .4em; padding: .4em;