Ability to customize column filter and sorting when display survey answer list on table

JavaScript
vizPanel.render("surveyDashboardContainer");

vizPanel.columns.forEach((column) => {
      const questionName = column.question.name;
      switch (questionName) {
        case "submissionCount":
          vizPanel.tabulatorTables.updateColumnDefinition(questionName, {
            headerFilter: "number"
          });
          break;
        case "userName":
          vizPanel.tabulatorTables.updateColumnDefinition(questionName, {
            headerFilter: "select",
            headerFilterParams: { values: true }
          });
          break;
        case "submissionDate":
          vizPanel.tabulatorTables.updateColumnDefinition(questionName, {
            headerFilter: minMaxFilterEditor,
            headerFilterFunc: minMaxDateFilterFunction,
            headerFilterLiveFilter: false
          });
          break;
        default:
          break;
      }
});

JavaScript
const minMaxFilterEditor = function (
  cell,
  onRendered,
  success,
  cancel,
  editorParams
) {
  var end;

  var container = document.createElement("span");

  // create and style inputs
  var start = document.createElement("input");
  start.setAttribute("type", "date");
  start.style.padding = "4px";
  start.style.width = "50%";
  start.style.boxSizing = "border-box";

  start.value = cell.getValue();

  function buildValues() {
    success({
      start: start.value,
      end: end.value
    });
  }

  function keypress(e) {
    if (e.keyCode == 13) {
      buildValues();
    }

    if (e.keyCode == 27) {
      cancel();
    }
  }

  end = start.cloneNode();
  end.setAttribute("type", "date");

  start.addEventListener("change", buildValues);
  start.addEventListener("blur", buildValues);
  start.addEventListener("keydown", keypress);

  end.addEventListener("change", buildValues);
  end.addEventListener("blur", buildValues);
  end.addEventListener("keydown", keypress);

  container.appendChild(start);
  container.appendChild(end);

  return container;
};

// custom max min filter function for dates
const minMaxDateFilterFunction = function (
  headerValue,
  rowValue,
  rowData,
  filterParams
) {
  if (rowValue) {
    var startDate = headerValue.start ? new Date(headerValue.start) : null;
    var endDate = headerValue.end ? new Date(headerValue.end) : null;
    var rowDate = new Date(rowValue);

    if (startDate) {
      if (endDate) {
        return rowDate >= startDate && rowDate <= endDate;
      } else {
        return rowDate >= startDate;
      }
    } else {
      if (endDate) {
        return rowDate <= endDate;
      }
    }
  }

  return true; // must return a boolean, true if it passes the filter.
};