ElementUI_treeGrid

ElementUI_treeGrid

带有 element-ui 库的 treeGrid 组件

安装

    npm i elementui_treegrid

例子

    < 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>

贡献

如果您发现错误或想要为代码或文档做出贡献，您可以通过提交问题或 [https://github.com/jiereal/ElementUI_treeGrid/pulls) 来提供帮助。

执照

该项目已根据 MIT 许可证获得许可 - 有关详细信息，请参阅 LICENSE.md 文件