bootstrap-tree-view

1.9.13 • Public • Published

jQuery Tree by Gijgo.com is a plug-in for the jQuery Javascript library. It is a very fast and extandable tool, and will add advanced interaction controls to any tree structure. This plugin allows you to create tree structure using bootstrap or material design styles. Free open source tool distributed under MIT License.

Examples

  1. Bootstrap Treeview

  2. Material Design Treeview

  3. Bootstrap Treeview Drag and Drop

  4. Checkbox Tree

  5. Bootstrap 4 Treeview

Getting Started

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Example</title>
  <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> 
  <link href="/css/core.css" rel="stylesheet" type="text/css">
  <link href="/css/tree.css" rel="stylesheet" type="text/css">
  <script src="/js/core.js" type="text/javascript"></script> 
  <script src="/js/tree.js"></script> 
</head>
<body style="padding: 6px;">
 <div id="tree"></div>
 <script>
     $('#tree').tree({
         dataSource: [ { text: 'foo', children: [ { text: 'bar' } ] } ]
     });
 </script> 
</body>
</html>

Package Sidebar

Install

npm i bootstrap-tree-view

Weekly Downloads

41

Version

1.9.13

License

MIT

Unpacked Size

753 kB

Total Files

58

Last publish

Collaborators

  • atatanasov