通过单击表格移动列的位置

时间:2019-01-06 17:49:56

标签: html css html-table

现在有一个表格,该表格的左列固定(位置固定)。

有必要实现该行为,以便通过单击按钮显示另一列,并且这两种行为都可以起作用。

任何想法如何实现? https://gyazo.com/76e95a989ec132d54156357796ba8e8e

1 个答案:

答案 0 :(得分:0)

我找到了解决问题的方法。

$(function () {
  let responsiveTable = $(".table-responsive");
  $('.plan-switcher-btn').on('click', () => {
    let scrollLeft = responsiveTable.scrollLeft();
    let maxScrollLeft = responsiveTable.prop("scrollWidth") - responsiveTable.prop("clientWidth");
    if(scrollLeft === 0){
      responsiveTable.scrollLeft(maxScrollLeft);
    } else {
      responsiveTable.scrollLeft(0);
    }
  })
});