sort

sorts tasks in the grid

field	string | SortTasks	the name of the column that the grid will be sorted by or a custom sorting function
desc	boolean	specifies the sorting direction: true - descending sort and false - ascending sort. By default, false
parent	string|number	the id of the parent task. Specify the parameter if you want to sort tasks only in the branch of the specified parent.
silent	boolean	specifies whether rendering should be invoked after reordering items

Example

<input type='button'  value='Sort by task name' onclick='sortByName()'>
<script>
    var n_direction = false;
    function sortByName(){
        if (n_direction){
            gantt.sort("text",false);
        } else {
            gantt.sort("text",true);
        }
        n_direction = !n_direction;
    };
    gantt.init("gantt_here");
</script>

Related samples

The custom sorting function takes the Task objects as arguments and should return the number (1,0, or -1)

The parent parameter is ignored when applying a custom function for sorting. Check the example.

When the sort() method is used, Gantt doesn't add any sorting icon (an arrow displaying the sorting direction). In case you need to render a sorting icon, you can add it manually. Check the example.

Back to top