Reconstructed a collapsed table with same td

tianyimiao

Hi,
Thank you for that nice table, I am kind new to it, I am wondering is there a plugin or example allow me to reconstruct table into highly constructed level, for example:

Original Table

<table>
  <tr>
    <th>A1</th>
    <th>B1</th>
    <th>C1</th>
  </tr>
  <tr>
    <th>A1</th>
    <th>B2</th>
    <th>C1</th>
  </tr>
  <tr>
    <th>A1</th>
    <th>B2</th>
    <th>C2</th>
  </tr>
  <tr>
    <th>A2</th>
    <th>B1</th>
    <th>C1</th>
  </tr>

Original Table Display:

A1   B1   C1
A1   B2   C1
A1   B2   C2
A2   B1 .....
......

Rconstructed Table Display:

+ A1           ==>    - A1---         ==>    - A1---
                            + B1---                - B1---
                            + B2---                        C1
                                                   - B2---
                                                           C1
                                                           C2
+ A2
......

That I can highly construct all table from left to right if td name is the same, and click button to show the child node row under same td.
Any help appreciated!

colin

Hi tianyimiao,

That's a tree-view, by the looks of it. DataTables focuses on tables so that's outside the scope of the expected use cases I'm afraid. It looks like jquery-treetable may suits your needs.

Cheers,

Colin

tianyimiao

Thank you for the information, is it possible to integrate jquery-treetable with DataTable? I am asking because searching, sorting, and view capabilities is quite useful as well

colin

No, sorry, they're independent extensions.

C

tianyimiao

Got it, thanks!