CODEWITHSUNDEEP
jqueryjstree
Varun
Varun

Reputation: 5061

jstree structure change use DIV Spans

Is it possible to convert ul li structure of jstree to div span structure with same indentation?

<div id="html1" style="width:200px; border:1px solid red;">
            <ul>
                <li>Root1
                    <ul>
                        <li>Child1</li>
                        <li>Child2</li>
                    </ul>
                </li>
                <li>Root2
                    <ul>
                        <li>Child1
                            <ul>
                                <li>Child   11</li>
                                <li>Child   22</li>
                            </ul>
                        </li>
                        <li>Child2</li>
                    </ul>
                </li>
            </ul>
        </div>

'$("#html1").jstree()'

can the same be achieved?

Upvotes: 0

Views: 336

Answers (1)

Mayank Pandeyz
Mayank Pandeyz

Reputation: 26258

try this:

plugins: ["wholerow", "checkbox", "json_data", "ui", "themes"]

in your jstree rendering function. It will highlight the complete row of the tree structure. Demo

Upvotes: 1

Related Questions