Stick Table Columns

stickTableColumns.js

const stickyIndex = 5;
const rows = document.querySelectorAll("table tr");
const cellSlice = Array.prototype.slice.call(rows[0].children, 0, stickyIndex);
const widthList = Array.prototype.map.call(cellSlice, (cell) => cell.offsetWidth);
const leftOffsetList = widthList.map((_, index) => {
  const output = -10;
  for (let i = 0; i < index; i++) output = output + (widthList[i] - 1);
  return output;
});

Array.prototype.forEach.call(rows, (row) => {
  const cellList = Array.prototype.slice.call(row.children, 0, stickyIndex);
  Array.prototype.forEach.call(cellList, (cell, index) => {
    cell.style.position = "sticky";
    cell.style.left = `${leftOffsetList[index]}px`;
    cell.style["z-index"] = (cell.style["z-index"] ?? 0) + 1000;
  });
});