使用Javascript对从Google表格导入的表格值进行排序

时间:2019-03-28 16:59:36

标签: javascript jquery sorting google-sheets tablesorter

当我将数据导入表中时,无法使用表排序器功能,该功能使我无法单击表标题并自动对数据进行升/降序排序。我用于表排序的代码是:

$(function(){
 $('#grades').tablesorter();
});

我可以对从Google表格中提取的数据进行排序吗?我假设它不起作用,因为要提取的数据实际上未在我的代码编辑器中显示,因此没有要排序的任何值。非常感谢您的帮助!谢谢

以下是我用来从Google表格导入单元格数据的代码示例:

function httpGetAsync(theUrl, callback) {
  var xmlHttp = new XMLHttpRequest();
  xmlHttp.onreadystatechange = function() {
    if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
      callback(xmlHttp.responseText);
  }
  xmlHttp.open("GET", theUrl, true); // true for asynchronous
  xmlHttp.send(null);
}

httpGetAsync('https://spreadsheet.glitch.me/?key=1JBbAHH1DFtO1r56lr94lUqd8H7qPcHncJskcPq0r96o', function(response) {
  var json = JSON.parse(response);
  document.getElementById("Title").innerHTML = json[0].Title;
  document.getElementById("Name").innerHTML = json[0].Name;
  document.getElementById("Car").innerHTML = json[0].Car;

  let divs = Array.prototype.slice.call(document.querySelectorAll("#Name, #Car"));
    divs.forEach(function(div) {
      // Convert text to number and test for positive/negative
      if ((+div.textContent) >= 0) {
        div.textContent = "+" + div.textContent;
      }
    });
  });

0 个答案:

没有答案