jetsum_dhtmlx_gantt

<!doctype html> <html> <head> <link rel="stylesheet" type="text/css" href="../common/docs.css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="initial-scale = 1.0" /> <title>Gantt : Samples</title></title> </head> <body> <div class='abstop_header'> <div class='content_area'>   </div> </div> <div class="page_header"> <div class='page_inner_header'> <a href='https://dhtmlx.com'><div class='top_webix_logo'></div></a> Samples </div> </div> <div class="page_space"> <div class="webixdoc_page webixdoc_start"> <div id="webixContent" class='webixdoc_content'> <div class="webixdoc_content_inner"> <div class="webixdoc_breadcrumb nav_breadcrumb"> <a href="https://docs.dhtmlx.com/gantt/" class="webixdoc_back">Documentation</a> <a href="../" class="webixdoc_back">Samples</a> <a href="../" class="webixdoc_back">Initialization</a> </div> <table class='nav_table'> <tr> <td style='width:30px;'> <a href='01_basic_init.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='01_basic_init.html'>Basic initialization</a> </td> </tr> <tr> <td style='width:30px;'> <a href='02_load_json.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='02_load_json.html'>Load data from JSON file</a> </td> </tr> <tr> <td style='width:30px;'> <a href='03_load_xml.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='03_load_xml.html'>Load data from XML file</a> </td> </tr> <tr> <td style='width:30px;'> <a href='04_save_rest.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='04_save_rest.html'>Backend storage using REST API</a> </td> </tr> <tr> <td style='width:30px;'> <a href='06_touch_forced.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='06_touch_forced.html'>Forced touch mode</a> </td> </tr> <tr> <td style='width:30px;'> <a href='07_jquery.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='07_jquery.html'>jQuery integration</a> </td> </tr> <tr> <td style='width:30px;'> <a href='08_explicit_time_range.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='08_explicit_time_range.html'>Define date range</a> </td> </tr> <tr> <td style='width:30px;'> <a href='09_backward_compatibility.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='09_backward_compatibility.html'>Loading data in Gantt 1.6 format</a> </td> </tr> <tr> <td style='width:30px;'> <a href='10_fixed_size.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='10_fixed_size.html'>Fixed size gantt</a> </td> </tr> <tr> <td style='width:30px;'> <a href='11_clickable_links.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='11_clickable_links.html'>Clickable links</a> </td> </tr> <tr> <td style='width:30px;'> <a href='12_localization.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='12_localization.html'>Localization</a> </td> </tr> <tr> <td style='width:30px;'> <a href='13_project_duration.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='13_project_duration.html'>Project duration</a> </td> </tr> <tr> <td style='width:30px;'> <a href='14_reinitializtion.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='14_reinitializtion.html'>ReInit in different container</a> </td> </tr> <tr> <td style='width:30px;'> <a href='15_connector_json_enddate.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='15_connector_json_enddate.html'>Loading tasks start/end dates</a> </td> </tr> <tr> <td style='width:30px;'> <a href='16_projects_and_milestones.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='16_projects_and_milestones.html'>Projects and milestones</a> </td> </tr> <tr> <td style='width:30px;'> <a href='17_bootstrap.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='17_bootstrap.html'>Bootstrap layout</a> </td> </tr> <tr> <td style='width:30px;'> <a href='18_backward_planning.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='18_backward_planning.html'>Backward planning</a> </td> </tr> <tr> <td style='width:30px;'> <a href='19_tasks_without_dates.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='19_tasks_without_dates.html'>Show Unscheduled Tasks</a> </td> </tr> <tr> <td style='width:30px;'> <a href='20_tasks_outside_timescale.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='20_tasks_outside_timescale.html'>Tasks outside timescale</a> </td> </tr> <tr> <td style='width:30px;'> <a href='21_rollup_tasks.html'> <div class='nav_page_img'> </div> </a> </td> <td> <a href='21_rollup_tasks.html'>Rollup tasks and milestones</a> </td> </tr> </table> </div> </div> </div> </div>  <div class="side_links"> <a class="reference_link" href="https://docs.dhtmlx.com/gantt/api__refs__gantt.html"> <span>API Reference</span> </a> <a class="sample_link" href="../"> <span>Code Samples</span> </a> <a class="forum_link" href="https://forum.dhtmlx.com/c/gantt"> <span>Developer Forum </span> </a> </div> </div> </div> <div class="footer_linea"> </div> <div class="footer_lineb"> <div class='page_inner_header'> <a href='https://dhtmlx.com'><div class='bottom_webix_block bottom_webix_logo' ></div></a> <div class='copyright bottom_webix_block'>© 2022 XB Software Ltd.<br> All rights reserved</div> <div class='bottom_webix_also'> <h4>Check also:</h4> <li><a href='https://dhtmlx.com/docs/products/dhtmlxScheduler/' target='_blank'>DHTMLX Scheduler</a></li> <li><a href='https://dhtmlx.com/docs/products/dhtmlxSpreadsheet/' target='_blank'>DHTMLX Spreadsheet</a></li> <li><a href='https://dhtmlx.com/docs/products/dhtmlxSuite/' target='_blank'>Other DHTMLX components</a></li> </div> </div> </div> <script> var msBrowser = navigator.userAgent.indexOf("MSIE ") > 0 || navigator.userAgent.indexOf("Trident") > 0 || navigator.userAgent.indexOf("Edge") > 0 if (msBrowser){ var summaryElements = document.querySelectorAll(".list_samples"); for (var i = 0; i < summaryElements.length; i++) { var navItem = summaryElements[i]; var link = navItem.querySelector("a"); var parent = navItem.parentNode; parent.insertBefore(link, navItem); navItem.style.display = 'none'; } } </script> </body> </html>