An open API service indexing awesome lists of open source software.

https://github.com/jiereal/elementui_treegrid

ElementUI_treeGrid
https://github.com/jiereal/elementui_treegrid

element-ui treegrid

Last synced: about 1 year ago
JSON representation

ElementUI_treeGrid

Awesome Lists containing this project

README

          

# ElementUI_treeGrid
treeGrid component with element-ui library

# Installation

```
npm i elementui_treegrid
```

# Example
```js




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

```
![截图](https://raw.githubusercontent.com/jiereal/ElementUI_treeGrid/master/example/screenshot.png)

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

# License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details