Javascript 无法使用DataTable的排序功能

我目前正在尝试学习和使用ASP.NET中的DataTable。但是，我无法完成排序功能。我做了代码，我有图标出来，但我不能点击它或触发任何事件。是我遗漏了一些javascript，还是我应该自己完成这个功能

我指的是这个网站

这是我试过的代码

母版页（仅脚本）

ASPX

函数onPageLoad（）{
$（document）.on（“dblclick”，“tableCourseStructure tbody tr”，function（）{
var$this=$（this）；
var行=$this.closest（“tr”）；
行查找（'td:eq（1）'）；
var courseCode=row.find（'td:first'）.text（）；
window.location.href=“UpdateCourse.aspx？CourseCode=“+CourseCode；
});
}
课程代码
课程版本
课程名称
上次修改日期

ASPX.CS

protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                retrieveBAL retrieveBAL = new retrieveBAL();
                ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "script", "onPageLoad();", true);
                ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "script", "sortingTable();", true);
            }

        }

        protected void ddlCourseCategory_SelectedIndexChanged(object sender, EventArgs e)
        {
            ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "script", "onPageLoad();", true);
        }

        public string getCourseData()
        {
            string data = "";
            retrieveBAL retrieveBAL = new retrieveBAL();

            foreach (DataRow row in retrieveBAL.retrieveCourseInfoByCategory(ddlCourseCategory.SelectedValue).Tables[0].Rows)
            {
                data += "<tr><td>" + row["courseCode"].ToString() + "</td><td>" + row["courseVersion"].ToString() + "</td><td>" + row["courseTitle"].ToString() + "</td><td>" + row["LastModifiedDate"].ToString() + "</td></tr>";
            }

        return data;

    }

受保护的无效页面加载（对象发送方，事件参数e）
{
如果（！IsPostBack）
{
retrieveBAL retrieveBAL=新的retrieveBAL（）；
ScriptManager.RegisterStartupScript（this.Page，this.GetType（），“script”，“onPageLoad（）；”，true）；
ScriptManager.RegisterStartupScript（this.Page，this.GetType（），“script”，“sortingTable（）；”，true）；
}
}
受保护的无效ddlCourseCategory_SelectedIndexChanged（对象发送方，事件参数e）
{
ScriptManager.RegisterStartupScript（this.Page，this.GetType（），“script”，“onPageLoad（）；”，true）；
}
公共字符串getCourseData（）
{
字符串数据=”；
retrieveBAL retrieveBAL=新的retrieveBAL（）；
foreach（retrieveBAL.RetrieveCourseSInfoByCategory（ddlCourseCategory.SelectedValue）中的DataRow行。表[0]。行）
{
数据+=“”+行[“courseCode”]。ToString（）+“”+行[“courseVersion”]。ToString（）+“”+行[“CourseTile”]。ToString（）+“”+行[“LastModifiedDate”]。ToString（）+“”；
}
返回数据；
}

您似乎缺少实际的

DataTable（）

函数调用，该调用将把

html表

转换为

DataTable

：

$('#tableCourseStructure').DataTable();

---

您的css可能会使它看起来像一个

数据表

，但如果没有上述功能，您将无法获得任何功能。

您似乎缺少实际的

数据表（）

函数调用，该调用会将

html表

转换为

数据表

：

$('#tableCourseStructure').DataTable();

---

您的css可能会使它看起来像一个

数据表

，但如果没有上述功能，您将无法获得任何功能。

Aww。你打败了我。我做到了，但是，我的图标重叠了。你知道为什么吗？@Alvin-是的，你的css要么有问题，要么与datatable css重叠。打开浏览器的开发者工具，改变一些东西，看看是什么导致了它。好的，非常感谢你的帮助！非常感激。你打败了我。我做到了，但是，我的图标重叠了。你知道为什么吗？@Alvin-是的，你的css要么有问题，要么与datatable css重叠。打开浏览器的开发者工具，改变一些东西，看看是什么导致了它。好的，非常感谢你的帮助！非常感谢

$('#tableCourseStructure').DataTable();