|
@ -13,7 +13,7 @@ |
|
|
:selection="selectionComputed" |
|
|
:selection="selectionComputed" |
|
|
separator="cell" |
|
|
separator="cell" |
|
|
:rows="table.rows" |
|
|
:rows="table.rows" |
|
|
:columns="extractTableColumns" |
|
|
:columns="columnsComputed" |
|
|
:rows-per-page-options="pageable && !tree && state.refHeightWidth.middleWidth > 600 ? state.pagination.rowsPerPageOptions : []" |
|
|
:rows-per-page-options="pageable && !tree && state.refHeightWidth.middleWidth > 600 ? state.pagination.rowsPerPageOptions : []" |
|
|
:loading="state.loading" |
|
|
:loading="state.loading" |
|
|
:class="tableClassComputed" |
|
|
:class="tableClassComputed" |
|
@ -475,13 +475,18 @@ const extractTableColumnsProps = () => { |
|
|
return []; |
|
|
return []; |
|
|
}; |
|
|
}; |
|
|
const extractTableColumns = ref(extractTableColumnsProps()); |
|
|
const extractTableColumns = ref(extractTableColumnsProps()); |
|
|
|
|
|
const columnsComputed = computed(() => { |
|
|
|
|
|
return extractTableColumns.value; |
|
|
|
|
|
}); |
|
|
watch( |
|
|
watch( |
|
|
() => props.columns, |
|
|
() => props.columns, |
|
|
(newVal, oldVal) => { |
|
|
(newVal, oldVal) => { |
|
|
tableColumns.value = newVal; |
|
|
tableColumns.value = newVal; |
|
|
tableColumnsMap.value = arrayToMap('name', tableColumns.value); |
|
|
|
|
|
extractTableColumns.value = extractTableColumnsProps(); |
|
|
extractTableColumns.value = extractTableColumnsProps(); |
|
|
handlerMoreRowColumnTitle(); |
|
|
table.columns = extractTableColumns.value; |
|
|
|
|
|
if (extractTableColumns.value && extractTableColumns.value.length > tableColumns.value.length) { |
|
|
|
|
|
handlerMoreRowColumnTitle(); |
|
|
|
|
|
} |
|
|
}, |
|
|
}, |
|
|
); |
|
|
); |
|
|
eventBus.on('onLocaleChanged', (local) => { |
|
|
eventBus.on('onLocaleChanged', (local) => { |
|
|