【问题标题】:Jquery datatable - how to make table non-responsiveJquery datatable - 如何使表无响应
【发布时间】:2018-08-01 10:00:51
【问题描述】:

我正在使用 jquery 数据表来显示我的应用程序中的值。该表包含许多列,库正在“缩放”它们,减小宽度,我可以在一页上看到所有列。

但在这种情况下它看起来很糟糕,我想创建一个无响应的表格并有一个滑块来查看其他列。

试图在谷歌中找到一些东西但没有成功。

Responsive: false 不起作用

感谢您的支持,

提前致谢,

【问题讨论】:

  • 从表中删除 nowrap 类(如果有)
  • 我的表中没有 NOWRAP 类
  • 你想在单页上显示所有列而不滚动吗?
  • 你能添加一些你试过的代码吗?
  • 代码很简单:$('#datatable').dataTable();

标签: jquery datatables


【解决方案1】:

试试这个

$('#example').DataTable( {
    responsive: {
        details: false
    }
} );

【讨论】:

    【解决方案2】:

    据我了解你的问题应该可以帮助你。

    你需要像这样启用scrollX:

    $(document).ready(function() {
     $('#example').DataTable( {
      "scrollX": true
     });
    });
    

    文档和实时示例: https://datatables.net/examples/basic_init/scroll_x.html

    您也可以像这样在表格对象中为每一列设置宽度:

     $('#example').DataTable( {
      "columnDefs": [
       { "width": "35px", "targets": [0,43,44,45,46,41] },
       { "width": "280px", "targets": 1 }
      ]
     });
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-04-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-09-29
      • 2023-01-31
      • 1970-01-01
      相关资源
      最近更新 更多