Datatables Jquery Datatable-谷歌浏览器和FireFox中的水平滚动

我需要在jquery数据表中使用水平滚动，而不是使用以下属性：

scrollX:true

但这只适用于Internet Explorer。在GoogleChrome和FireFox中，它在标题上打破表格，不显示水平滚动（在自己的标题中带一个空行）

有人经历过这个问题或者知道如何解决

我的代码：

//数据表
var tipoAcao=$（“#hdn_tipoAcao”）.val（）；
var模=$（“#hdn_模”）.val（）；
var form=null；
var formHtml=''；
形式=$（'fdsDamIss'）；
form.remove（）；
格式=$（''）.appendTo（'div.Conteudo'）；
formHtml+=''；
formHtml+='Lista de DAM-ISS'；
formHtml+='
；
formHtml+=''；
formHtml+=''；
formHtml+=''；
formHtml+=‘DAM’；
formHtml+=“Situação”；
formHtml+='Venc。原件'；
formHtml+='Venc。阿图利萨多；
formHtml+=‘Valor Original’；
formHtml+=“Valor Atualizado”；
//经济公司
if（模==3）{
formHtml+=‘Tipo ISS’；
}
formHtml+=“Ações”；
formHtml+=''；
formHtml+=''；
formHtml+=''；
formHtml+=''；
$（formHtml）.appendTo（'fdsDamIss'）；

var table=$（'#idTabelaDamIss'）。数据表({
i显示长度：10，
长度菜单：[[5,10,20]，[5,10,20]，
是的，
过滤：错，
鲍托维兹：错，
处理：对，
服务器端：是的，
ajax:ajax，
语言：{
处理：“Processando…”，
长度菜单：“Mostrar u菜单u注册表”，
zeroRecords：“Não foram encontrados resultados”，
空表：“Nenhum registro encontrado”，
信息：'Mostrando de(开始)at(结束)de(结束)de(结束)de(总计)de(总计)registros'，
infoEmpty:“0注册总数为0的Mostrando”，
infoFiltered:“（Filtrados de_MAX_'registros）”，
infoPostFix:“”，
分页：{
Sprevous：“前”，
sNext：“普罗西莫”
},
}
，专栏：
[
{
mData：“Id”，
sName：“Id”，
宽度：“7%”
},
{
mData:“Situacao Pagamento.descripao”，
sName：“Situacao Pagamento.descripao”，
宽度：“8%”，
bSort:false，
可移植：错误
},
{
mData：“文西门托原创”，
sName：“Vencimento原创”，
宽度：“10%”，
呈现：函数（数据、类型、行）{
var ano=数据子串（0,4）；
var mes=数据子串（5,7）；
变量直径=数据子串（10,8）；
返回直径+“/”+mes+“/”+ano；
}
},
{
mData：“VencimentoAtualizado”，
sName：“VencimentoAtualizado”，
宽度：“10%”，
呈现：函数（数据、类型、行）{
var ano=数据子串（0,4）；
var mes=数据子串（5,7）；
变量直径=数据子串（10,8）；
返回直径+“/”+mes+“/”+ano；
}
},
{
mData:“原始谷”，
斯奈姆：“原始谷”，
宽度：“10%”
},
{
mData:“全部价值”，
sName：“ValorTotal”，
宽度：“10%”
}
, {
mData:null，
sName：“acos”，
宽度：“50%”，
bSort:false，
可移植：错误
}
],
columnDefs：[
{
“目标”：-1，
“数据”：空，
“defaultContent”：”
},
],
fnServerParams:fnServerParams
});

原因

关于这个问题，请参阅

问题在于

scrollX

或

scrollY

选项和

autoWidth:false

的组合，这会导致DataTables实现滚动功能和列宽计算出现问题

解决方案

在datatable初始化函数下面添加以下代码：

$(window).resize( function () {
    table.api().columns.adjust();
} );

演示

有关代码和演示，请参阅

---

对于更多的性能，考虑与上面的代码一起使用，如

> P>我猜您忘记了给表一个固定的宽度，它可以滚动到：

div.dataTables\u包装器{
宽度：400px；
保证金：0自动；
}

---

至少它对我有效->

请显示您的代码。我有点困惑-您的小提琴中没有水平滚动？？这不是我们使用scrollX所想要的吗？@davidkonrad，这就是复制OP的问题。如果减小输出窗口宽度，可以看到滚动。@Gyrocode.com，尚未工作，问题仍然存在。