diff --git a/examples/sites/demos/apis/grid.js b/examples/sites/demos/apis/grid.js index 905d510fc1..a910df5fcc 100644 --- a/examples/sites/demos/apis/grid.js +++ b/examples/sites/demos/apis/grid.js @@ -2784,7 +2784,7 @@ export default { "Set the rendering type for table columns; takes precedence over the column's type attribute; cell rendering configuration item, takes precedence over formatText attribute" }, mode: ['pc', 'mobile-first'], - pcDemo: 'grid-renderer#renderer-custom-renderer' + pcDemo: 'grid-editor#editor-custom-editor-select' }, { name: 'required', diff --git a/examples/sites/demos/pc/app/grid/editor/custom-editor-select-composition-api.vue b/examples/sites/demos/pc/app/grid/editor/custom-editor-select-composition-api.vue index 6e24ec8c4d..5fd1aadd2d 100644 --- a/examples/sites/demos/pc/app/grid/editor/custom-editor-select-composition-api.vue +++ b/examples/sites/demos/pc/app/grid/editor/custom-editor-select-composition-api.vue @@ -12,7 +12,8 @@ title="区域" :editor="{ component: TinySelect, - attrs: { options, textField: 'name', valueField: 'id' } + attrs: { options, textField: 'name', valueField: 'id' }, + event: { change: hangeChange } }" :format-config="{ data: options, label: 'name', value: 'id' }" format-text="enum" @@ -36,6 +37,10 @@ import { ref } from 'vue' import { TinyGrid, TinyGridColumn, TinySelect } from '@opentiny/vue' +function hangeChange(value) { + console.log('handleChnage', value) +} + const options = ref([ { name: '华中区', id: '1' }, { name: '华东区', id: '2' }, diff --git a/examples/sites/demos/pc/app/grid/editor/custom-editor-select.vue b/examples/sites/demos/pc/app/grid/editor/custom-editor-select.vue index 20a05858af..b75e6df240 100644 --- a/examples/sites/demos/pc/app/grid/editor/custom-editor-select.vue +++ b/examples/sites/demos/pc/app/grid/editor/custom-editor-select.vue @@ -12,7 +12,8 @@ title="区域" :editor="{ component: TinySelect, - attrs: { options, textField: 'name', valueField: 'id' } + attrs: { options, textField: 'name', valueField: 'id' }, + event: { change: hangeChange } }" :format-config="{ data: options, label: 'name', value: 'id' }" format-text="enum" @@ -146,6 +147,9 @@ export default { methods: { renderName(h, { row }) { return {row.name} + }, + hangeChange(value) { + console.log('handleChnage', value) } } } diff --git a/packages/theme/src/grid/table.less b/packages/theme/src/grid/table.less index 79ebb1da6e..de496ef293 100644 --- a/packages/theme/src/grid/table.less +++ b/packages/theme/src/grid/table.less @@ -304,6 +304,10 @@ border-bottom: 1px solid var(--tv-Grid-border-color-divider); } + table.@{grid-prefix-cls}__body { + border-top: 1px solid var(--tv-Grid-border-color-divider); + } + .@{grid-prefix-cls}__header { border: 0; border-spacing: 0;