| | |
|---|
| | | :type="item.type" |
|---|
| | | :width="item.width" |
|---|
| | | > |
|---|
| | | <template #header="scope"> |
|---|
| | | <div class="pim-table-header-cell"> |
|---|
| | | <div class="pim-table-header-title"> |
|---|
| | | {{ item.label }} |
|---|
| | | </div> |
|---|
| | | <div v-if="item.headerSlot" class="pim-table-header-extra"> |
|---|
| | | <slot :name="item.headerSlot" :column="scope.column" /> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | <template |
|---|
| | | v-if="item.hasOwnProperty('colunmTemplate')" |
|---|
| | | #[item.colunmTemplate]="scope" |
|---|
| | |
|---|
| | | padding-right: 0 !important; |
|---|
| | | padding-left: 0 !important; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .pim-table-header-cell { |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: center; |
|---|
| | | gap: 4px; |
|---|
| | | text-align: center; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .pim-table-header-title { |
|---|
| | | font-weight: 500; |
|---|
| | | } |
|---|
| | | |
|---|
| | | .pim-table-header-extra :deep(.el-input), |
|---|
| | | .pim-table-header-extra :deep(.el-select) { |
|---|
| | | width: 100%; |
|---|
| | | } |
|---|
| | | </style> |
|---|
