添加按钮以水平滚动表格?

时间:2019-04-22 18:55:14

标签: javascript html css bootstrap-4

我有一个引导表,该表的溢出设置为在其容器内自动运行,并且第一列已锁定。出现水平滚动条以查看其他数据,但是我也想添加一个按钮。访问者将能够使用其鼠标,滚动条或按钮在表中水平导航。

我将如何进行构建?

我可以使我的代码与div(https://codepen.io/gregbarbosa/pen/axjKbL)一起工作,但不能与表(https://codepen.io/gregbarbosa/pen/eojbrJ)一起工作。我唯一的猜测是JS动画不适用于表格吗?

$("#right-button").click(function() {
  event.preventDefault();
  $("#content").animate(
    {
      scrollLeft: "+=300px"
    },
    "slow"
  );
});

$("#left-button").click(function() {
  event.preventDefault();
  $("#content").animate(
    {
      scrollLeft: "-=300px"
    },
    "slow"
  );
});

screenshot of table

1 个答案:

答案 0 :(得分:1)

定位let stringSize = NSString(string: label.text!).size(withAttributes: [.font : UIFont(name: "OpenSans-Regular", size: 15)!]) 而不是.table-responsive

#content

这里是updated CodePen