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