如何修改子表的数据表？

Question

我有一个表格，其中列有S号，名称和联系号码。

有一个＆＃39; +＆＃39;教师姓名旁边的按钮，当我们点击+按钮时，这位老师下方会显示更多行（这些行包含他/她教授的学生的详细信息）。

将数据表应用到表格后，如果我点击教师姓名旁边的+按钮，它会显示他的学生姓名，但他们会随机组织，因为他们也会按数据表进行排序。

我想要的是教师姓名应该按照排序方式显示，当我点击+按钮时，它应该在下一行显示他们的学生。 如何修改脚本？

这是我的代码，用于切换

$(document).ready(function() {
    $('#myTable').DataTable({
        "order": [
            [1, "asc"]
        ]
    });
});

$(document).ready(function() {
    $("#tgl").click(function() {
        $(".students").toggle();
    });
});

JSfiddle ：https://jsfiddle.net/Bihari12/oe3p9nbm/2/

我使用以下代码切换切换代码

当我点击＆＃34; Vineet＆＃34;旁边的按钮时它显示了他们的学生Tonny和Rahul。但这些显示在随机位置，因为这些是按数据表排序的。 我只想在下一行＆＃34; Vineet＆＃34;。

中展示它们