【问题标题】:jQuery Datatable ResponsivejQuery 数据表响应式
【发布时间】:2015-11-26 12:14:17
【问题描述】:

我需要一个响应式表格并允许它有一个 x 和 y 滚动。

遗憾的是,无论我尝试什么,我都无法让它发挥作用。

window.test = $('#tblSearchResults').DataTable( {
    responsive: true, 
    "scrollX": true, 
    "scrollY": "60vh", 
    "paging":   false,
    "ordering": false,
    "info":     false, 
    "filter": false, 
    "scrollCollapse": true, 
});

如需演示,请参阅https://jsfiddle.net/5ybqqcv2/

【问题讨论】:

  • 我看到一个 scoll bar....
  • @Rickert 是 JSFiddle 卷轴还是在桌子上?是水平滚动吗?
  • 我看到了两个,js fiddle滚动条,还有一个表格滚动条
  • @Rickert 它应该同时显示水平和垂直滚动条,而且标题也不与表格内容对齐。我添加了一个截图来解释
  • 我在寓言滚动条的两侧看到

标签: jquery twitter-bootstrap-3 responsive-design datatables


【解决方案1】:

max-width 添加到此类:dataTables_scrollBody 可以修复它

【讨论】:

  • 遗憾的是,这并不能解决问题。
  • 如果你还添加了一个最大宽度或一个 with 到 .row?
猜你喜欢
  • 2014-04-30
  • 1970-01-01
  • 1970-01-01
  • 2015-09-28
  • 2016-12-22
  • 1970-01-01
  • 1970-01-01
  • 2016-01-31
  • 1970-01-01
相关资源
最近更新 更多