lslvxy / Bootstraptable Treeview
Licence: mit
bootstrapTable extension of treeView
Stars: ✭ 57
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Bootstraptable Treeview
Ngx Treeview
An Angular treeview component with checkbox
Stars: ✭ 312 (+447.37%)
Mutual labels: tree, treeview
Jquery Tabledit
Inline editor for HTML tables compatible with Bootstrap.
Stars: ✭ 402 (+605.26%)
Mutual labels: table, bootstrap
Thinkmap
Draw a tree in Android。在 Android 上绘制思维导图控件,让思维更简单。
Stars: ✭ 285 (+400%)
Mutual labels: tree, treeview
React Checkbox Tree
A simple and elegant checkbox tree for React.
Stars: ✭ 477 (+736.84%)
Mutual labels: tree, treeview
select2-to-tree
Select2-to-Tree extends Select2 to support arbitrary level of nesting...
Stars: ✭ 71 (+24.56%)
Mutual labels: tree, treeview
Bootstrap Vue Treeview
A treeview component for Bootstrap and Vue.js 2.0+
Stars: ✭ 34 (-40.35%)
Mutual labels: treeview, bootstrap
ak-vue3
组件库包含了 AutoForm 自动表单、BackTop 返回顶部、Breadcrumb 面包屑、 Button 按钮、Cascader 级联选择器、Checkbox 多选框、Collapse 折叠面板、ColorPicker 颜色选择器、DataPicker 时间选择器、Dialog 弹层对话框、Alert 弹框、Echarts 图形图表、Form 表单、Input 输入框、Lazy 图片延时加载、Loading 加载等待、Menu 菜单、Pagination 分页、Progress 进度条、Radio 单选框、Select 选择器、Steps 步骤条、Swiper 图片轮播、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 提示、Tr…
Stars: ✭ 24 (-57.89%)
Mutual labels: tree, table
Bstreeview
Bootstrap Treeview, A very simple plugin to build a basic and elegant Treeview with bootstrap 4. See the demo:
Stars: ✭ 308 (+440.35%)
Mutual labels: treeview, bootstrap
react-native-nested-listview
A UI component for React Native for representing nested arrays of N levels
Stars: ✭ 163 (+185.96%)
Mutual labels: tree, treeview
react-treefold
A renderless tree component for your hierarchical React views
Stars: ✭ 37 (-35.09%)
Mutual labels: tree, treeview
cp-react-tree-table
A fast, efficient tree table component for ReactJS.
Stars: ✭ 83 (+45.61%)
Mutual labels: tree, table
Bosket
Collection of tree view components for front-end frameworks. 🌳
Stars: ✭ 457 (+701.75%)
Mutual labels: tree, treeview
Laravel Bootstrap Table List
Bootstrap table list generator for Laravel.
Stars: ✭ 16 (-71.93%)
Mutual labels: table, bootstrap
TreeView for bootstrapTable
DEMO
http://imsense.site/bootstrapTable-treeView/
NOTICE
数据中必须包含parentId
属性,根节点parentId=null
,子节点中根据配置的parentId
==options[treeId]
.
例如配置项中treeId='id'
,那么子节点的parentId
属性值为父节点的id
Data must contain parentId
properties,
rootNode parentId=null
childNode parentId=options[treeId]
if options treeId='id'
childNode's parentId
property value isparnetNode's id
value
USE
<script src="./src/bootstraptable-treeview.js"></script>
$('#tree_table').bootstrapTable({
class: 'table table-hover table-bordered',
data: data,
pagination: false,//分页请设置为false
treeView: true,//是否开启树视图
treeId: "id",//id字段
treeField: "name",//展示树的字段
columns: [{
field: 'name',
title: '名称',
},
{
field: 'desc',
title: '详情',
},
]
});
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].