вставить таблицу в <li>при использовании jsTree & json

Question

Можно ли как-нибудь вставить таблицу внутри <li> при использовании

• jsTree (1.0) и
• json?

скажем в этом коде, куда я хочу вставить таблицу для

• для обоих узлов и
• листьев.

Почему?Чтобы отображать больше, чем просто имя и использовать хорошее форматирование.

                "data" : [
                    {
                        "data" : "A node",
                        "children" : [ "Child 1", "Child 2" ]
                    },
                    {
                        "attr" : { "id" : "li.node.id" },
                        "data" : {
                            "title" : "Long format demo",
                            "attr" : { "href" : "#" }
                 }
                    }
                ]

update:

мне кажется, что я могу использовать html_titles.Но кто-нибудь может дать мне пример, как вставить всю таблицу и получить данные ячейки из переменных?

Update2:

, использую ли я

"data" : "<table><tr><td>Site name</td><td>variable 1</td><td>variable 2</td></tr></table>", 

или

"title" : "<table><tr><td>Site name</td><td>variable 1</td><td>variable 2</td></tr></table",

таблица размещается на новой строке.Не рядом со значком дерева .Можно как-нибудь это исправить?

Answer 1

Расширение исходного поста, чтобы помочь другим, пытающимся сделать то же самое:

$(function () {
$("#demo1").jstree({ 
    "json_data" : {
        "data" : [
            { 
                "data" : "<table style='display: inline-block'><tr><td>Site name</td><td>variable 1</td><td>variable 2</td></tr></table>", 
                "children" : [ "Child 1", "Child 2" ]
            },
            { 
                "attr" : { "id" : "li.node.id" }, 
                "data" : { 
                    "title" : "Long format demo", 
                    "attr" : { "href" : "#" } 
                } 
            }
        ]
    },
    "core" : {"html_titles" : true},
    "plugins" : [ "themes", "json_data" ]
});

});

Ключ должен разрешить HTML в заголовках, которые установлены в основных параметрах, а также в стиле таблицы

Answer 2

Я думал, что это должно быть решено на уровне JavaScript, но <table style='display: inline-block'> делает трюк

Answer 3

Аддон : Предоставленный вами текст по умолчанию считается html.

core: {
  data: [{
    id: "ID",
    parent: "#",
    text: "<span>Individual</span>",
    icon: 'fa fa-star text-warning'
  },}]}