# Video Guides


The article provides a short review of video guides prepared for you to make Gantt easier to understand. 

By following these video tutorials, you can master such issues as configuring grid columns, customizing cells and headers of the grid, building a standard Gantt chart on different server-side platforms.

<table cellspacing="0" cellpadding="5" border="0">
  <tbody>
  <tr>
  <td><span style="font-size:15px;"><a href="https://www.youtube.com/watch?v=-BoznxJmJIo&list=PLKS_XdyIGP4PBrtXbCrkuqeP3-w7G6i4y&index=1" target="_blank">Specifying columns in Grid</a></span> The video tutorial demonstrates how to define the content of cells, how to set the data template and how to provide the ability to toggle between two Grid views. Related article: [Specifying Columns](guides/specifying-columns.md)</td> 
  <td><a href="https://www.youtube.com/watch?v=-BoznxJmJIo&list=PLKS_XdyIGP4PBrtXbCrkuqeP3-w7G6i4y&index=1">![specifying_columns](/img/specifying_columns.png)</a></td>
  </tr> 
  <tr>
  <td><span style="font-size:15px;"><a href="https://www.youtube.com/watch?v=srtb3nYOb-E&list=PLKS_XdyIGP4PBrtXbCrkuqeP3-w7G6i4y&index=5" target="_blank">Drag-n-drop reordering of Grid columns</a></span> The video guide shows how to enable reordering of tasks within the same Tree level, how to speed up the performance for large dataset, etc. Related article: [Reordering Tasks](guides/reordering-tasks.md)</td>
  <td><a href="https://www.youtube.com/watch?v=srtb3nYOb-E&list=PLKS_XdyIGP4PBrtXbCrkuqeP3-w7G6i4y&index=5">![sorting_reordering](/img/sorting_reordering.png)</a></td>
  </tr>
  <tr>
  <td><span style="font-size:15px;"><a href="https://www.youtube.com/watch?v=LyJ3zKSrmH4&list=PLKS_XdyIGP4PBrtXbCrkuqeP3-w7G6i4y&index=3" target="_blank">Filtering tasks in Grid</a></span> The video tutorial teaches how to implement filtering while searching a task in Gantt. Related article: [Filtering Tasks](guides/filtering.md)</td>
  <td><a href="https://www.youtube.com/watch?v=LyJ3zKSrmH4&list=PLKS_XdyIGP4PBrtXbCrkuqeP3-w7G6i4y&index=3">![filtering_task](/img/filtering_task.png)</a></td>
  </tr>
  <tr>
  <td><span style="font-size:15px;"><a href="https://www.youtube.com/watch?v=IKFTQNOJExY&list=PLKS_XdyIGP4PBrtXbCrkuqeP3-w7G6i4y&index=2" target="_blank">Custom buttons, icons and dropdown menus in Grid cells and headers</a></span> The video tutorial discusses how to add custom buttons for user actions in Grid cells and headers.</td>
  <td><a href="https://www.youtube.com/watch?v=IKFTQNOJExY&list=PLKS_XdyIGP4PBrtXbCrkuqeP3-w7G6i4y&index=2">![buttons_icons](/img/buttons_icons.png)</a></td>
  </tr>
  <tr>
  <td><span style="font-size:15px;"><a href="https://www.youtube.com/watch?v=rqYrqqoaI_U&list=PLKS_XdyIGP4PBrtXbCrkuqeP3-w7G6i4y&index=4" target="_blank">Visibility of Grid columns</a></span> The video guide shows how to add a horizontal scrollbar into Grid and how to allow a user to select which columns should be visible. Related article: [Specifying Columns](guides/specifying-columns.md#visibility)</td>
  <td><a href="https://www.youtube.com/watch?v=rqYrqqoaI_U&list=PLKS_XdyIGP4PBrtXbCrkuqeP3-w7G6i4y&index=4">![visibility](/img/visibility.png)</a></td>
  </tr>
  <tr>
  <td><span style="font-size:15px;"><a href="https://www.youtube.com/watch?v=0rIPrC0GtME&list=PLKS_XdyIGP4PBrtXbCrkuqeP3-w7G6i4y&index=6" target="_blank">Inline editing in Grid</a></span> The video tutorial demonstrates how to implement a capability to make any changes right through the grid. Related article: [Inline Editing in Grid](guides/inline-editing.md)</td> 
  <td><a href="https://www.youtube.com/watch?v=0rIPrC0GtME&list=PLKS_XdyIGP4PBrtXbCrkuqeP3-w7G6i4y&index=6">![inline_editing](/img/inline_editing.png)</a></td>
  </tr>
  <tr>
  <td><span style="font-size:15px;"><a href="https://www.youtube.com/watch?v=eu5R86a-9jA&list=PLKS_XdyIGP4OIEInbIARVtsYH1CT3oB6w&index=2" target="_blank">dhtmlxGantt with PHP: Laravel</a></span> The video tutorial describes how to add Gantt into a Laravel app. Related article: [dhtmlxGantt with PHP: Laravel](integrations/php/howtostart-php-laravel.md)</td> 
  <td><a href="https://www.youtube.com/watch?v=eu5R86a-9jA&list=PLKS_XdyIGP4OIEInbIARVtsYH1CT3oB6w&index=2">![gantt_php](/img/gantt_php.png)</a></td>
  </tr>
  <tr>
  <td><span style="font-size:15px;"><a href="https://www.youtube.com/watch?v=D8YzyzBfyP8&list=PLKS_XdyIGP4OIEInbIARVtsYH1CT3oB6w" target="_blank">dhtmlxGantt with Node.js</a></span> The video guide walks you through the stages of implementing a Gantt chart on a Node.js platform. Related articles: [How to Start with dhtmlxGantt](integrations/howtostart-guides.md), [Server-Side Integration](guides/server-side.md), [dhtmlxGantt with Node.js](integrations/node/howtostart-nodejs.md)</td> 
  <td><a href="https://www.youtube.com/watch?v=D8YzyzBfyP8&list=PLKS_XdyIGP4OIEInbIARVtsYH1CT3oB6w">![gantt_node](/img/gantt_node.png)</a></td>
  </tr>
  <tr>
  <td><span style="font-size:15px;"><a href="https://www.youtube.com/watch?v=1nXl9jfMdto" target="_blank">dhtmlxGantt with Salesforce LWC</a></span> The video tutorial shows how to create a Gantt chart in Salesforce. Related article: [dhtmlxGantt with Salesforce LWC](integrations/salesforce/howtostart-salesforce.md)</td> 
  <td><a href="https://www.youtube.com/watch?v=1nXl9jfMdto">![gantt_salesforce](/img/gantt_salesforce.png)</a></td>
  </tr> 
  <tr>
  <td><span style="font-size:15px;"><a href="https://www.youtube.com/watch?v=IgoXvVSerkE&list=PLKS_XdyIGP4Of4S6QgaqMKbJK1Z3bWlf8" target="_blank">dhtmlxGantt with Vue.js</a></span> The video tutorial shows how to create a basic Vue.js Gantt chart application. Related article: [How to Start with dhtmlxGantt](integrations/howtostart-guides.md)</td> 
  <td><a href="https://www.youtube.com/watch?v=IgoXvVSerkE&list=PLKS_XdyIGP4Of4S6QgaqMKbJK1Z3bWlf8">![gantt_vuejs](/img/gantt_vuejs.png)</a></td>
  </tr> 
  </tbody>
</table>