dxDataGrid - How to drag and drop rows from one position to another

I want to change the position of row .
For example if i have shift the position of last row in the grid to different position. i have to simple drag that row to different position and after that drop that selected row to that position. Please help me to do this.

Please make the changes in code.  Thanks in advanced !

$(function(){
    $("#gridContainer").dxDataGrid({
        dataSource: employees,
        showBorders: true,
        columns: [
            {
                dataField: "Prefix",
                caption: "Title",
                width: 60
            }, "FirstName",
            "LastName",
            "City",
            "State", {
                dataField: "Position",
                width: 130
            }, {
                dataField: "BirthDate",
                dataType: "date",
                width: 100
            }, {
                dataField: "HireDate",
                dataType: "date",
                width: 100
            }
        ]
    });
});