Skip to content
No description, website, or topics provided.
JavaScript HTML CSS
Branch: master
Clone or download
Latest commit 172b91d Oct 20, 2019
Permalink
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
CHANGELOG.md 0.5.0 Oct 20, 2019
LICENSE First commit Dec 8, 2018
README.md 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

README.md

jquery-simple-tree-table

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

Dependencies

  • jquery

Installation

Install from npm:

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

Usage

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

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

Then run:

$('table').simpleTreeTable();

Options

Specify opened nodes:

$('table').simpleTreeTable({
  opened: [1]
});

Add expand / collapse button:

$('table').simpleTreeTable({
  expander: '#expander',
  collapser: '#collapser',
});

Store node states in sessionStorage or localStorage:

$('table').simpleTreeTable({
  store: 'session', // or 'local'
  storeKey: 'KEY'
});

Callbacks

Run Callbacks when a node is opened or closed:

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

License

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

You can’t perform that action at this time.