Closed libinworks closed 5 months ago
Bot detected the issue body's language is not English, translate it automatically.
Title: 🐛 [Bug]: After adding ElTable and ElTableColumn components, ElTableColumn cannot be selected in the editor
Latest chrome browser
latest
latest
none
MaterialsComponents:
[
{
"id": 1,
"version": "2.4.2",
"name": {
"zh_CN": "Table"
},
"component": "ElTable",
"icon": "table",
"description": "Used to display multiple pieces of data with a similar structure. The data can be sorted, filtered, compared or other customized operations",
"doc_url": "",
"screenshot": "",
"tags": "",
"keywords": "",
"dev_mode": "proCode",
"npm": {
"package": "element-plus",
"version": "2.4.2",
"script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs",
"css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css",
"dependencies": null,
"exportName": "ElTable"
},
"group": "Data display",
"category": "element-plus",
"configure": {
"loop": true,
"condition": true,
"styles": true,
"isContainer": false,
"isModal": false,
"isPopper": false,
"nestingRule": {
"childWhitelist": ["ElTableColumn"],
"parentWhitelist": "",
"descendantBlacklist": "",
"ancestorWhitelist": ""
},
"isNullNode": false,
"isLayout": false,
"rootSelector": "",
"shortcuts": {
"properties": ["inline", "label-width"]
},
"contextMenu": {
"actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"],
"disable": []
},
"invalidity": [""],
"clickCapture": true,
"framework": "Vue"
},
"schema": {
"properties": [
{
"name": "0",
"label": {
"zh_CN": "Basic attributes"
},
"content": [
{
"property": "data",
"label": {
"text": {
"zh_CN": "data"
}
},
"description": {
"zh_CN": "Displayed data"
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"type": "array",
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
}
},
{
"property": "max-height",
"label": {
"text": {
"zh_CN": "max-height"
}
},
"description": {
"zh_CN": "The maximum height of Table."
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"type": "number",
"widget": {
"component": "MetaNumberic",
"props": {}
},
"device": []
},
{
"property": "height",
"label": {
"text": {
"zh_CN": "height"
}
},
"description": {
"zh_CN": "The height of the Table defaults to the automatic height. This height will be set to the value of Table's style.height, and the height of the Table will be controlled by external styles."
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"type": "string",
"widget": {
"component": "MetaInput",
"props": {}
},
"device": []
},
{
"property": "stripe",
"label": {
"text": {
"zh_CN": "stripe"
}
},
"description": {
"zh_CN": "Whether it is a zebra pattern table"
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"defaultValue": false,
"type": "boolean",
"widget": {
"component": "MetaSwitch",
"props": {}
}
},
{
"property": "border",
"label": {
"text": {
"zh_CN": "border"
}
},
"description": {
"zh_CN": "Whether there is a vertical border"
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"defaultValue": false,
"type": "boolean",
"widget": {
"component": "MetaSwitch",
"props": {}
}
},
{
"property": "size",
"label": {
"text": {
"zh_CN": "size"
}
},
"description": {
"zh_CN": "Table size"
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"type": "string",
"defaultValue": "default",
"widget": {
"component": "MetaSelect",
"props": {
"options": [
{
"label": "large",
"value": "large"
},
{
"label": "default",
"value": "default"
},
{
"label": "small",
"value": "small"
}
]
}
}
},
{
"property": "fit",
"label": {
"text": {
"zh_CN": "fit"
}
},
"description": {
"zh_CN": "Whether the width of the column is self-supporting"
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"defaultValue": true,
"type": "boolean",
"widget": {
"component": "MetaSwitch",
"props": {}
}
},
{
"property": "show-header",
"label": {
"text": {
"zh_CN": "show-header"
}
},
"description": {
"zh_CN": "Whether to display the header"
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"defaultValue": true,
"type": "boolean",
"widget": {
"component": "MetaSwitch",
"props": {}
}
},
{
"property": "highlight-current-row",
"label": {
"text": {
"zh_CN": "highlight-current-row"
}
},
"description": {
"zh_CN": "Whether you want to highlight the current line"
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"defaultValue": false,
"type": "boolean",
"widget": {
"component": "MetaSwitch",
"props": {}
}
},
{
"property": "current-row-key",
"label": {
"text": {
"zh_CN": "current-row-key"
}
},
"description": {
"zh_CN": "The key of the current row, only write attributes"
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"type": "string",
"widget": {
"component": "MetaInput",
"props": {}
},
"device": []
},
{
"property": "row-class-name",
"label": {
"text": {
"zh_CN": "row-class-name"
}
},
"description": {
"zh_CN": "row's className"
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"widget": {
"component": "MetaInput",
"props": {}
},
"device": []
},
{
"property": "row-key",
"label": {
"text": {
"zh_CN": "row-key"
}
},
"description": {
"zh_CN": "Key of row data, used to optimize the rendering of Table; this attribute is required when using the reserve-selection function and displaying tree data. When the type is String, multi-level access is supported: user.info .id, but user.info[0].id is not supported. In this case, please use Function"
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"widget": {
"component": "MetaCodeEditor",
"props": {}
},
"device": []
},
{
"property": "empty-text",
"label": {
"text": {
"zh_CN": "empty-text"
}
},
"description": {
"zh_CN": "Text content displayed when empty data"
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"widget": {
"component": "MetaInput",
"props": {}
},
"device": []
},
{
"property": "table-layout",
"label": {
"text": {
"zh_CN": "table-layout"
}
},
"description": {
"zh_CN": "Set the layout of table cells, rows and columns"
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"defaultValue": "fixed",
"widget": {
"component": "MetaInput",
"props": {
"options": [
{
"label": "fixed",
"value": "fixed"
},
{
"label": "auto",
"value": "auto"
}
]
}
},
"device": []
},
{
"property": "scrollbar-always-on",
"label": {
"text": {
"zh_CN": "scrollbar-always-on"
}
},
"description": {
"zh_CN": "Always show scroll bars"
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"defaultValue": false,
"type": "boolean",
"widget": {
"component": "MetaSwitch",
"props": {}
}
},
{
"property": "flexible",
"label": {
"text": {
"zh_CN": "flexible"
}
},
"description": {
"zh_CN": "Ensure the minimum size of the spindle so that the content is not exceeded"
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"labelPosition": "top",
"defaultValue": false,
"type": "boolean",
"widget": {
"component": "MetaSwitch",
"props": {}
}
}
],
"description": {
"zh_CN": ""
}
}
],
"events": {
"onSelect": {
"label": {
"zh_CN": "Triggered when the Checkbox of the data row is checked"
},
"description": {
"zh_CN": "Event triggered when the user manually checks the Checkbox of the data row"
},
"type": "event",
"functionInfo": {
"params": [
{
"name": "selection",
"type": "Object",
"defaultValue": "",
"description": {
"zh_CN": "Currently selected item"
}
},
{
"name": "row",
"type": "Object",
"defaultValue": "",
"description": {
"zh_CN": "Current line"
}
}
],
"returns": {}
}
},
"onSelectAll": {
"label": {
"zh_CN": "Trigger when all is selected"
},
"description": {
"zh_CN": "Event triggered when the user manually checks the Select All Checkbox"
},
"type": "event",
"functionInfo": {
"params": [
{
"name": "selection",
"type": "Object",
"defaultValue": "",
"description": {
"zh_CN": "Currently selected item"
}
}
],
"returns": {}
}
},
"onSelectionChange": {
"label": {
"zh_CN": "Triggered when the selection changes"
},
"description": {
"zh_CN": "This event will be triggered when the selection changes"
},
"type": "event",
"functionInfo": {
"params": [
{
"name": "selection",
"type": "Object",
"defaultValue": "",
"description": {
"zh_CN": "Currently selected item"
}
}
],
"returns": {}
}
},
"onCellMouseEnter": {
"label": {
"zh_CN": "Triggered when cell hovers"
},
"description": {
"zh_CN": "This event will be triggered when the cell hover enters"
},
"type": "event",
"functionInfo": {
"params": [
{
"name": "row",
"type": "Object",
"defaultValue": "",
"description": {
"zh_CN": "Current line"
}
},
{
"name": "column",
"type": "Object",
"defaultValue": "",
"description": {
"zh_CN": "Current column"
}
},
{
"name": "cell",
"type": "Object",
"defaultValue": "",
"description": {
"zh_CN": "Current cell"
}
},
{
"name": "event",
"type": "Object",
"defaultValue": "",
"description": {
"zh_CN": "Native event event"
}
}
],
"returns": {}
}
},
"onCellMouseLeave": {
"label": {
"zh_CN": "Triggered when cell hover exits"
},
"description": {
"zh_CN": "This event will be triggered when the cell hover exits"
},
"type": "event",
"functionInfo": {
"params": [
{
"name": "row",
"type": "Object",
"defaultValue": "",
"description": {
"zh_CN": "Current line"
}
},
{
"name": "column",
"type": "Object",
"defaultValue": "",
"description": {
"zh_CN": "Current column"
}
},
{
"name": "cell",
"type": "Object",
"defaultValue": "",
"description": {
"zh_CN": "Current cell"
}
},
{
"name": "event",
"type": "Object",
"defaultValue": "",
"description": {
"zh_CN": "Native event event"
}
}
],
"returns": {}
}
}
},
"slots": {
"empty": {
"label": {
"zh_CN": "empty"
},
"description": {
"zh_CN": "Customized content when the data is empty"
}
},
"append": {
"label": {
"zh_CN": "append"
},
"description": {
"zh_CN": "Insert content after the last row of the table. If you need to infinitely scroll the content of the table, you may need to use this slot. If the table has a total row, this slot will be located above the total row."
}
}
}
}
},
{
"id": 1,
"version": "2.4.2",
"name": {
"zh_CN": "Table column"
},
"component": "ElTableColumn",
"icon": "table",
"description": "Used to display multiple pieces of data with a similar structure. The data can be sorted, filtered, compared or other customized operations",
"doc_url": "",
"screenshot": "",
"tags": "",
"keywords": "",
"dev_mode": "proCode",
"npm": {
"package": "element-plus",
"version": "2.4.2",
"script": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.full.mjs",
"css": "https://npm.onmicrosoft.cn/element-plus@2.4.2/dist/index.css",
"dependencies": null,
"exportName": "ElTableColumn"
},
"group": "Form component",
"category": "element-plus",
"configure": {
"loop": true,
"condition": true,
"styles": true,
"isContainer": false,
"isModal": false,
"isPopper": false,
"nestingRule": {
"childWhitelist": "",
"parentWhitelist": "",
"descendantBlacklist": "",
"ancestorWhitelist": ""
},
"isNullNode": false,
"isLayout": false,
"rootSelector": "",
"shortcuts": {
"properties": ["inline", "label-width"]
},
"contextMenu": {
"actions": ["copy", "remove", "insert", "updateAttr", "bindEevent", "createBlock"],
"disable": []
},
"invalidity": [""],
"clickCapture": true,
"framework": "Vue"
},
"schema": {
"properties": [
{
"name": "0",
"label": {
"zh_CN": "Basic attributes"
},
"content": [
{
"property": "type",
"type": "string",
"labelPosition": "top",
"label": {
"text": {
"zh_CN": "type"
}
},
"description": {
"text": {
"zh_CN": "The type of the corresponding column. If selection is set, the multi-select box is displayed; if index is set, the index of the row is displayed (calculated from 1); if expand is set, it is displayed as an expandable button"
}
},
"defaultValue": "default",
"widget": {
"component": "MetaSelect",
"props": {
"options": [
{
"label": "default",
"value": "default"
},
{
"label": "selection",
"value": "selection"
},
{
"label": "index",
"value": "index"
},
{
"label": "expand",
"value": "expand"
}
]
}
}
},
{
"property": "index",
"type": "string",
"labelPosition": "top",
"label": {
"text": {
"zh_CN": "index"
}
},
"description": {
"text": {
"zh_CN": "If type=index is set, you can customize the index by passing the index attribute"
}
},
"widget": {
"component": "MetaCodeEditor",
"props": {}
}
},
{
"property": "label",
"type": "string",
"labelPosition": "top",
"label": {
"text": {
"zh_CN": "label"
}
},
"description": {
"text": {
"zh_CN": "Displayed title"
}
},
"widget": {
"component": "MetaInput",
"props": {}
}
},
{
"property": "column-key",
"type": "string",
"labelPosition": "top",
"label": {
"text": {
"zh_CN": "column-key"
}
},
"description": {
"text": {
"zh_CN": "The key of column, the key of column. If you need to use the filter-change event, you need this attribute to identify which column the filter condition is."
}
},
"widget": {
"component": "MetaInput",
"props": {}
}
},
{
"property": "prop",
"type": "string",
"labelPosition": "top",
"label": {
"text": {
"zh_CN": "prop"
}
},
"description": {
"text": {
"zh_CN": "Field name corresponds to the field name of the column content. You can also use the property attribute"
}
},
"widget": {
"component": "MetaInput",
"props": {}
}
},
{
"property": "width",
"type": "number",
"labelPosition": "top",
"label": {
"text": {
"zh_CN": "width"
}
},
"description": {
"text": {
"zh_CN": "Width of the corresponding column"
}
},
"widget": {
"component": "MetaNumberic",
"props": {}
}
},
{
"property": "min-width",
"type": "number",
"labelPosition": "top",
"label": {
"text": {
"zh_CN": "min-width"
}
},
"description": {
"text": {
"zh_CN": "The minimum width of the corresponding column, the minimum width of the corresponding column, the difference from width is that width is fixed, min-width will allocate the remaining width proportionally to the column where min-width is set"
}
},
"widget": {
"component": "MetaNumberic",
"props": {}
}
},
{
"property": "fixed",
"type": "string",
"labelPosition": "top",
"label": {
"text": {
"zh_CN": "fixed"
}
},
"description": {
"text": {
"zh_CN": "Whether the column is fixed to the left or right. true means fixed to the left"
}
},
"widget": {
"component": "MetaSelect",
"props": {
"options": [
{
"label": "left",
"value": "left"
},
{
"label": "right",
"value": "right"
}
]
}
}
},
{
"property": "sortable",
"type": "boolean",
"labelPosition": "top",
"label": {
"text": {
"zh_CN": "sortable"
}
},
"description": {
"text": {
"zh_CN": "Whether the corresponding column can be sorted"
}
},
"widget": {
"component": "MetaSwitch",
"props": {}
}
},
{
"property": "sort-method",
"type": "function",
"labelPosition": "top",
"label": {
"text": {
"zh_CN": "sort-method"
}
},
"description": {
"text": {
"zh_CN": "Specifies which attribute the data is sorted by. It is only valid when sortable is set to true. It should return a Number like Array.sort"
}
},
"widget": {
"component": "MetaCodeEditor",
"props": {}
}
},
{
"property": "sort-by",
"type": "array",
"labelPosition": "top",
"label": {
"text": {
"zh_CN": "sort-by"
}
},
"description": {
"text": {
"zh_CN": "Specify which attribute the data is sorted by. It is only valid when sortable is set to true and sort-method is not set. If sort-by is an array, it will be sorted according to the first attribute first. If the first is equal , and then sort according to the second one, and so on."
}
},
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
}
},
{
"property": "sort-orders",
"type": "array",
"labelPosition": "top",
"label": {
"text": {
"zh_CN": "sort-orders"
}
},
"description": {
"text": {
"zh_CN": "The rotation order of the sorting strategy used when sorting data is only valid when sortable is true. An array needs to be passed in. As the user clicks on the header, the column will be sorted in sequence according to the order of the elements in the array."
}
},
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
}
},
{
"property": "resizable",
"type": "boolean",
"labelPosition": "top",
"defaultValue": true,
"label": {
"text": {
"zh_CN": "resizable"
}
},
"description": {
"text": {
"zh_CN": "Whether the width of the corresponding column can be changed by dragging (the border attribute needs to be set to true on el-table)"
}
},
"widget": {
"component": "MetaSwitch",
"props": {}
}
},
{
"property": "formatter",
"type": "function",
"labelPosition": "top",
"defaultValue": true,
"label": {
"text": {
"zh_CN": "formatter"
}
},
"description": {
"text": {
"zh_CN": "Used to format content"
}
},
"widget": {
"component": "MetaCodeEditor",
"props": {}
}
},
{
"property": "show-overflow-tooltip",
"type": "boolean",
"labelPosition": "top",
"defaultValue": true,
"label": {
"text": {
"zh_CN": "show-overflow-tooltip"
}
},
"description": {
"text": {
"zh_CN": "Show tooltip when the content is too long and is hidden"
}
},
"widget": {
"component": "MetaSwitch",
"props": {}
}
},
{
"property": "align",
"type": "string",
"labelPosition": "top",
"defaultValue": "left",
"label": {
"text": {
"zh_CN": "align"
}
},
"description": {
"text": {
"zh_CN": "Alignment"
}
},
"widget": {
"component": "MetaSelect",
"props": {
"options": [
{
"label": "left",
"value": "left"
},
{
"label": "center",
"value": "center"
},
{
"label": "right",
"value": "right"
}
]
}
}
},
{
"property": "header-align",
"type": "string",
"labelPosition": "top",
"defaultValue": "left",
"label": {
"text": {
"zh_CN": "header-align"
}
},
"description": {
"text": {
"zh_CN": "Header alignment. If this item is not set, the table alignment will be used."
}
},
"widget": {
"component": "MetaSelect",
"props": {
"options": [
{
"label": "left",
"value": "left"
},
{
"label": "center",
"value": "center"
},
{
"label": "right",
"value": "right"
}
]
}
}
},
{
"property": "class-name",
"type": "string",
"labelPosition": "top",
"defaultValue": "left",
"label": {
"text": {
"zh_CN": "class-name"
}
},
"description": {
"text": {
"zh_CN": "className of column"
}
},
"widget": {
"component": "MetaInput",
"props": {}
}
},
{
"property": "label-class-name",
"type": "string",
"labelPosition": "top",
"defaultValue": "left",
"label": {
"text": {
"zh_CN": "label-class-name"
}
},
"description": {
"text": {
"zh_CN": "Customized class name of the current column title"
}
},
"widget": {
"component": "MetaInput",
"props": {}
}
},
{
"property": "selectable",
"type": "function",
"labelPosition": "top",
"defaultValue": true,
"label": {
"text": {
"zh_CN": "selectable"
}
},
"description": {
"text": {
"zh_CN": "Only valid for columns with type=selection, type is Function. The return value of Function is used to determine whether the CheckBox of this row can be checked."
}
},
"widget": {
"component": "MetaCodeEditor",
"props": {}
}
},
{
"property": "reserve-selection",
"type": "boolean",
"labelPosition": "top",
"defaultValue": true,
"label": {
"text": {
"zh_CN": "reserve-selection"
}
},
"description": {
"text": {
"zh_CN": "Whether to retain the option after data refresh is only valid for columns with type=selection. Please note that row-key needs to be specified for this function to take effect."
}
},
"widget": {
"component": "MetaSwitch",
"props": {}
}
},
{
"property": "filters",
"type": "array",
"labelPosition": "top",
"defaultValue": true,
"label": {
"text": {
"zh_CN": "filters"
}
},
"description": {
"text": {
"zh_CN": "Whether to retain the option after data refresh is only valid for columns with type=selection. Please note that row-key needs to be specified for this function to take effect."
}
},
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
}
},
{
"property": "filter-placement",
"type": "string",
"labelPosition": "top",
"label": {
"text": {
"zh_CN": "filter-placement"
}
},
"description": {
"text": {
"zh_CN": "Filter pop-up box positioning"
}
},
"widget": {
"component": "MetaInput",
"props": {}
}
},
{
"property": "filter-multiple",
"type": "string",
"labelPosition": "top",
"defaultValue": true,
"label": {
"text": {
"zh_CN": "filter-multiple"
}
},
"description": {
"text": {
"zh_CN": "Whether the data filtering options are multi-selectable"
}
},
"widget": {
"component": "MetaSwitch",
"props": {}
}
},
{
"property": "filter-method",
"type": "function",
"labelPosition": "top",
"defaultValue": true,
"label": {
"text": {
"zh_CN": "filter-method"
}
},
"description": {
"text": {
"zh_CN": "The method used for data filtering. If it is a multi-select filter item, each piece of data will be executed multiple times. If true is returned at any time, it will be displayed."
}
},
"widget": {
"component": "MetaCodeEditor",
"props": {}
}
},
{
"property": "filtered-value",
"type": "array",
"labelPosition": "top",
"defaultValue": true,
"label": {
"text": {
"zh_CN": "filtered-value"
}
},
"description": {
"text": {
"zh_CN": "The selected data filtering item, if you need to customize the rendering method of header filtering, you may need this attribute"
}
},
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
}
}
],
"description": {
"zh_CN": ""
}
}
],
"events": {},
"slots": {
"default": {
"label": {
"zh_CN": "Customize column content"
},
"description": {
"zh_CN": "Customize column content"
}
},
"header": {
"label": {
"zh_CN": "Customize header content"
},
"description": {
"zh_CN": "Customize header content"
}
}
}
}
},
]
MaterialsSnippets:
[
{
"group": "Data data display",
"children": [
{
"name": {
"zh_CN": "Table"
},
"icon": "grid",
"screenshot": "",
"snippetName": "ElTable",
"schema": {
"props": {
"data": [
{
"date": "2016-05-03",
"name": "Tom",
"address": "No. 189, Grove St, Los Angeles"
},
{
"date": "2016-05-02",
"name": "Tom",
"address": "No. 189, Grove St, Los Angeles"
},
{
"date": "2016-05-04",
"name": "Tom",
"address": "No. 189, Grove St, Los Angeles"
},
{
"date": "2016-05-01",
"name": "Tom",
"address": "No. 189, Grove St, Los Angeles"
}
]
},
"children": [
{
"componentName": "ElTableColumn",
"props": {
"type": "index"
}
},
{
"componentName": "ElTableColumn",
"props": {
"label": "Date",
"prop": "date"
}
},
{
"componentName": "ElTableColumn",
"props": {
"label": "Name",
"prop": "name"
}
},
{
"componentName": "ElTableColumn",
"props": {
"label": "Address",
"prop": "address"
}
},
{
"componentName": "ElTableColumn",
"props": {
"label": "operation",
"prop": "action"
},
"children": [
{
"componentName": "Template",
"props": {
"slot": {
"name": "default"
}
},
"children": [],
"id": "4336e212"
}
]
}
]
}
},
]
},
]
When using the above configuration to import the ElTable component, the ElTableColumn cannot be selected in the editor.
No response
No response
none
No response
麻烦先试一下使用底部路径能不能选到这个元素
或者使用大纲树
@libinworks
Bot detected the issue body's language is not English, translate it automatically.
@libinworks
I'm curious, why do the ElTable and ElTableColumn materials provided by the official demo define a columns field for the table that the component does not originally have, and why the definitions of table-column related properties are placed on the table side.
Refer to this method to make an ElSteps and ElStep , it does not work.
@libinworks @zeyongTsai ElColumns 只是 Element-plus 抽象出来的概念,真实 DOM 并没有真正的 “列”组件,都是行中的每一列组成的。使用 vue-devtools 对比也可以发现无法计算出来具体的位置。所以我们当前的设置 columns 的相关配置,其实是在 ElTable 中进行配置。
Bot detected the issue body's language is not English, translate it automatically.
ElColumns is just an abstract concept from Element-plus. The real DOM does not have real "column" components, but is composed of each column in the row. Using vue-devtools for comparison, you can also find that the specific location cannot be calculated. So our current configuration related to setting columns is actually configured in ElTable.
Environment
最新chrome浏览器
Version
latest
Version
latest
Link to minimal reproduction
无
Step to reproduce
MaterialsComponents:
MaterialsSnippets:
当使用上面的配置导入ElTable组件,在编辑器中ElTableColumn不能选中
What is expected
No response
What is actually happening
No response
What is your project name
无
Any additional comments (optional)
No response