JavaScript Dragscroll无法使用HTML表

我正在尝试创建一个具有固定标题和左列的表，可以自由滚动。我希望能够实现滚动使用拖动滚动方法与客户端鼠标。每当我尝试实现dragscroll函数时，我都无法让它工作。如何将dragscroll正确地实现到创建的表中

HTML:

var sysDate=新日期（）；
var sysDay=新日期（）；
var sysMonth=新日期（）；
var dayCount=sysDay.getDay（）；
var工作日=[“星期日”、“星期一”、“星期二”、“星期三”、“星期四”、“星期五”、“星期六”]；
var emps=[“A”、“B”、“C”、“D”、“E”、“F”、“G”、“H”、“I”、“J”、“K”、“L”、“M”，
“N”、“O”、“P”、“Q”、“R”、“S”、“T”、“U”、“V”、“W”、“X”、“Y”、“Z”]；
var drawTable=''；
绘图台+=“”；
绘图台+=“”；
绘图台+=“”；
对于（让i=sysDate.getDate（）-7；i而不是将'class=“dragscroll”'放在div中，我将其放在创建表的主要部分的tbody的开头

<script>
      var sysDate = new Date();
      var sysDay = new Date();
      var sysMonth = new Date();
      var dayCount = sysDay.getDay();
      var weekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
      var emps = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M",
                  "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];
      var drawTable = '<table>';
      drawTable += "<thead>";
      drawTable += "<tr>";
      drawTable += "<th></th>";
      for (let i = sysDate.getDate() - 7; i <= sysDate.getDate() + 7; i++) {
        drawTable += "<th>" + weekdays[sysDay.getDay()] + " " + sysMonth.getMonth() + "/" + i + "</th>";
      }
      drawTable += "</tr>";
      drawTable += "</thead>";
      drawTable += '<tbody class="dragscroll">';
      for (let i = 0; i < emps.length; i++) {
        drawTable += '<tr>';
        drawTable += "<td>Employee " + emps[i] + "</td>";
        for (let j = sysDate.getDate() - 7; j <= sysDate.getDate() + 7; j++) {
          drawTable += "<td></td>";
        }
        drawTable += '</tr>';
      }
      drawTable += "</tbody>";
      drawTable += "</table>";
      document.write(drawTable);
    </script>


var sysDate=新日期（）；
var sysDay=新日期（）；
var sysMonth=新日期（）；
var dayCount=sysDay.getDay（）；
var工作日=[“星期日”、“星期一”、“星期二”、“星期三”、“星期四”、“星期五”、“星期六”]；
var emps=[“A”、“B”、“C”、“D”、“E”、“F”、“G”、“H”、“I”、“J”、“K”、“L”、“M”，
“N”、“O”、“P”、“Q”、“R”、“S”、“T”、“U”、“V”、“W”、“X”、“Y”、“Z”]；
var drawTable=''；
绘图台+=“”；
绘图台+=“”；
绘图台+=“”；
for（设i=sysDate.getDate（）-7；i
<script>
      var sysDate = new Date();
      var sysDay = new Date();
      var sysMonth = new Date();
      var dayCount = sysDay.getDay();
      var weekdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
      var emps = ["A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M",
                  "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];
      var drawTable = '<table>';
      drawTable += "<thead>";
      drawTable += "<tr>";
      drawTable += "<th></th>";
      for (let i = sysDate.getDate() - 7; i <= sysDate.getDate() + 7; i++) {
        drawTable += "<th>" + weekdays[sysDay.getDay()] + " " + sysMonth.getMonth() + "/" + i + "</th>";
      }
      drawTable += "</tr>";
      drawTable += "</thead>";
      drawTable += '<tbody class="dragscroll">';
      for (let i = 0; i < emps.length; i++) {
        drawTable += '<tr>';
        drawTable += "<td>Employee " + emps[i] + "</td>";
        for (let j = sysDate.getDate() - 7; j <= sysDate.getDate() + 7; j++) {
          drawTable += "<td></td>";
        }
        drawTable += '</tr>';
      }
      drawTable += "</tbody>";
      drawTable += "</table>";
      document.write(drawTable);
    </script>