Skip to content
No description, website, or topics provided.
JavaScript HTML CSS
Branch: master
Clone or download
Latest commit 172b91d Oct 20, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
dist Fix css class name Oct 20, 2019
src Fix css class name Oct 20, 2019
test Fix css class name Oct 20, 2019
.gitignore Fix test code Jun 23, 2019
.travis.yml Add nodejs 12 and jquery 3.4 for test Oct 2, 2019 0.5.0 Oct 20, 2019
LICENSE First commit Dec 8, 2018 Separate store class and change store options Jun 23, 2019
bower.json 0.5.0 Oct 20, 2019
index.html Fix css class name Oct 20, 2019
karma.conf.js Fix jquery deprecated selector Oct 2, 2019
package.json 0.5.0 Oct 20, 2019
webpack.config.js Bundle css with js Oct 20, 2019


A jquery plugin that attaches tree-like behaviour to table.


  • jquery


Install from npm:

$ npm install @kanety/jquery-simple-tree-table --save


Add data-node-id and data-node-pid in your table:

  <tr data-node-id="1">
    <td>text of 1</td>
  <tr data-node-id="1.1" data-node-pid="1">
    <td>text of 1.1</td>
  <tr data-node-id="1.1.1" data-node-pid="1.1">
    <td>text of 1.1.1</td>
  <tr data-node-id="1.1.2" data-node-pid="1.1">
    <td>text of 1.1.2</td>

Then run:



Specify opened nodes:

  opened: [1]

Add expand / collapse button:

  expander: '#expander',
  collapser: '#collapser',

Store node states in sessionStorage or localStorage:

  store: 'session', // or 'local'
  storeKey: 'KEY'


Run Callbacks when a node is opened or closed:

}).on('node:open', function(e, $node) {
}).on('node:close', function(e, $node) {


The library is available as open source under the terms of the MIT License.

You can’t perform that action at this time.