hColumns is a jQuery plugin that looks like Mac OS X Finder's column view for the hierarchical data.

1. Get the latest version of this plugin from Github
2. Add required CSS and Javascript tag

Insert before </head>

<!-- Change this if you have another CSS Rest framework installed (e.g. Bootstrap) -->
<link rel="stylesheet" href="css/reset.css" type="text/css">

<!-- Feel free to modify this for colors or width to match your need -->
<link rel="stylesheet" href="css/hcolumns.css" type="text/css">

Put anywhere you like

<div id="columns"></div>

Insert before </body>

<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.hcolumns.min.js"></script>

<script>
$(document).ready(function() {
    $("#columns").hColumns({
        nodeSource: function(node_id, callback) {
        }
    });                                                                                                                                                                  });
});                                                                                                                                                                  });
</script>

Read more:http://hax4.in/plugins/hColumns/