Skip to content

jiereal/ElementUI_treeGrid

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ElementUI_treeGrid

treeGrid component with element-ui library

Installation

    npm i elementui_treegrid

Example

    <template>
        <tree-grid :columns="columns"
                   :items="items"
                   :expandAll="true"
                   @on-row-click="click"
                   @on-selection-change="select"
        />
    </template>
    <script>
        import treeGrid from '../src/treeGrid';

        export default {
            data() {
                return {
                    columns: [{
                        type: 'selection',
                        width: '50',
                        align: 'center'
                    }, {
                        title: '编码',
                        key: 'code',
                        sortable: true,
                        width: '150',
                    }, {
                        title: '名称',
                        key: 'name',
                        width: '150',
                    }, {
                        title: '类型',
                        key: 'type',
                        width: '150',

                    }, {
                        title: '描述',
                        key: 'description',
                        width: '150',
                    }],
                    items: [{
                        code: '1',
                        name: 'name1',
                        type: 'type1',
                        description: 'description',
                        id: 1,
                        children: [{
                            code: '1',
                            name: 'name1',
                            type: 'type1',
                            description: 'description',
                            id: 11,
                        }, {
                            code: '1',
                            name: 'name1',
                            type: 'type1',
                            description: 'description',
                            id: 12
                        }, {
                            code: '1',
                            name: 'name1',
                            type: 'type1',
                            description: 'description',
                            id: 13
                        }]
                    }, {
                        code: '1',
                        name: 'name1',
                        type: 'type1',
                        description: 'description',
                        id: 2
                    }, {
                        code: '1',
                        name: 'name1',
                        type: 'type1',
                        description: 'description',
                        id: 3
                    }, {
                        code: '1',
                        name: 'name1',
                        type: 'type1',
                        description: 'description',
                        id: 4
                    }]
                }
            },
            methods: {
                click(result, event, index, text) {
                    console.log(result, event, index, text)
                },
                select(items) {
                    console.log(items)
                }
            },
            components: {
                treeGrid
            }
        }
    </script>

截图

Contribution

If you find a bug or want to contribute to the code or documentation, you can help by submitting an issue or a [https://github.com/jiereal/ElementUI_treeGrid/pulls) .

License

This project is licensed under the MIT License - see the LICENSE.md file for details

Releases

No releases published

Packages

No packages published