许多列的数据表宽度溢出

哇,我有jquery datatables插件这个严重的问题。 我有一个包含大量列(超过35列)的表,这个表溢出了我的div内容。

我尝试了很多方法(包括在堆栈溢出时遇到相同问题的解决方案),但仍然无法解决这个问题。 所以,我真的需要你的帮助。 🙂

谢谢,非常感谢你

你可以在这里看到截图。

在此处输入图像描述

这是javascript代码

var list_table = $("#list_table").dataTable({ "sScrollX": "100%", "sScrollXInner": "110%", "bScrollCollapse": true }); 

这是html表

 --> 

我建议首先删除sScrollXInner(它不应该真的需要…… :-))。 然后看看包装元素的宽度是多少。 它应该看起来像这样的例子: http : //datatables.net/release-datatables/examples/basic_init/scroll_x.html

scrollX:true

当列宽溢出时,这将自动添加滚动条。

确保responsive: false其他明智的你会在行的开头看到一个(+)图标

Account Code Account Name JanuaryFebruaryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember January s/d December <!--
Budget Actual Variance Budget Actual Variance Budget Actual Variance Budget Actual Variance Budget Actual Variance Budget Actual Variance Budget Actual Variance Budget Actual Variance Budget Actual Variance Budget Actual Variance Budget Actual Variance Budget Actual Variance Budget Actual Variance
5201010013 INSENTIVE/SHIFT ALLOWANCE
Divisi Anggaran dan Pajak InChina FA-GENSET PT. Angin Rupiah
2,500,000.00 0.00 2,500,000.00 2,500,000.00 0.00 2,500,000.00 2,500,000.00 0.00 2,500,000.00 2,500,000.00 0.00 2,500,000.00 2,500,000.00 0.00 2,500,000.00 2,500,000.00 0.00 2,500,000.00 2,500,000.00 0.00 2,500,000.00 2,500,000.00 0.00 2,500,000.00 2,500,000.00 0.00 2,500,000.00 2,500,000.00 0.00 2,500,000.00 2,500,000.00 0.00 2,500,000.00 2,500,000.00 0.00 2,500,000.00 30,000,000.00 0.00 30,000,000.00
5203010001 MAKAN BERSAMA TAMU DAN REKANAN
Divisi Anggaran dan Pajak Satu Dua
1,500,000.00 0.00 1,500,000.00 1,500,000.00 0.00 1,500,000.00 1,500,000.00 0.00 1,500,000.00 1,500,000.00 0.00 1,500,000.00 1,500,000.00 0.00 1,500,000.00 1,500,000.00 0.00 1,500,000.00 1,500,000.00 0.00 1,500,000.00 1,500,000.00 0.00 1,500,000.00 1,500,000.00 0.00 1,500,000.00 1,500,000.00 7,000,000.00 -5,500,000.00 1,500,000.00 0.00 1,500,000.00 1,500,000.00 0.00 1,500,000.00 18,000,000.00 7,000,000.00 11,000,000.00