dabeng / OrgChart

It's a simple and direct organization chart plugin. Anytime you want a tree-like chart, you can turn to OrgChart.
MIT License
2.83k stars 767 forks source link

title and content in <ul> <li> #720

Open Paul75 opened 9 months ago

Paul75 commented 9 months ago

hello,

When I can add with ul mode (

dabeng commented 6 months ago

Hi @Paul75 I create a demo on codepen.io for you -- https://codepen.io/dabeng-the-styleful/pen/YzgzEGp . The core snippets are shown below:

    var nodeTemplate = function(data) {
      return `
        <div class="title">${data.name}</div>
        <div class="content">
          ${data.members.map(member => `
            <li>${member.name}</li>
          `).join('')}
        </div>
      `;
    };

    var oc = $('#chart-container').orgchart({
      'data' : ds,
      'nodeTemplate': nodeTemplate
    });