$ .extend$tablesorter.themes.jui，{未捕获的异常：无法读取未定义的“主题”

如何解决$ .extend$tablesorter.themes.jui，{未捕获的异常：无法读取未定义的“主题”

我希望使用tablesorter对表进行排序，期望像附加的小提琴一样

https://jsfiddle.net/saranya2020/ykn035rf/6/

表进行排序，但问题是只有在单击+ icon时，我的第一列才具有href链接。但是，在应用以下脚本标签进行排序后，当我单击向上或向下箭头时，我的href自动展开：（并且在页面加载期间出现错误，

未捕获的TypeError：无法读取未定义的属性“ themes” @line：$ .extend（$。tablesorter.themes.jui，{

     <script src="https://mottie.github.io/tablesorter/js/jquery.tablesorter.js"></script>
     <script src="https://mottie.github.io/tablesorter/addons/pager/jquery.tablesorter.pager.js"></script>
       <script src="https://mottie.github.io/tablesorter/js/jquery.tablesorter.widgets.js"></script>
     <link rel="stylesheet" href="https://mottie.github.io/tablesorter/addons/pager/jquery.tablesorter.pager.css"/>
     <link rel="stylesheet" href=" https://mottie.github.io/tablesorter/css/theme.bootstrap.css"/>
     <link rel="stylesheet" href="https://mottie.github.io/tablesorter/css/theme.black-ice.css"/>
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css"/>
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"/>
     <link rel="stylesheet" href="https://mottie.github.io/tablesorter/css/theme.bootstrap.css"/>
      <link rel="stylesheet" type="text/css" href="../css/theme.jui.min.css"/>

请让我知道我错过或添加了什么错误，以避免出现此问题。