Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Handsontable时重复标题_Javascript_Jquery_Html_Handsontable - Fatal编程技术网

Javascript 使用Handsontable时重复标题

Javascript 使用Handsontable时重复标题,javascript,jquery,html,handsontable,Javascript,Jquery,Html,Handsontable,我正在使用Handsontable,标题显示两次。 是什么导致了这种情况 这是我的代码: <script type="text/javascript"> $(document).ready(function () { var data = [ ['2009', 0, 2941, 4303, 354], ['2010', 3, 2905, 2867, 412],

我正在使用Handsontable,标题显示两次。 是什么导致了这种情况

这是我的代码:

<script type="text/javascript">
        $(document).ready(function () {

          var data = [
              ['2009', 0, 2941, 4303, 354],
              ['2010', 3, 2905, 2867, 412],
              ['2011', 4, 2517, 4822, 552],
              ['2012', 2, 2422, 5399, 776]
            ],
            container = document.getElementById('example'), hot;

          hot = new Handsontable(container, {
            data: data,
            minSpareRows: 1,
            colHeaders: true,
            contextMenu: true,
            colHeaders: ['Cuenta Única', 'Número Comercio', 'Número PDV', 'Máximo Cuotas', 'Grupo Afinidad'],
            manualColumnResize: true,
            colWidths: [120, 120, 120, 120, 120, 120],
          });
        });
</script>

<div id="example"></div>

$(文档).ready(函数(){
风险值数据=[
['2009', 0, 2941, 4303, 354],
['2010', 3, 2905, 2867, 412],
['2011', 4, 2517, 4822, 552],
['2012', 2, 2422, 5399, 776]
],
container=document.getElementById('example'),热;
hot=新的可手持设备(容器、{
数据:数据,
会议记录:1,
colHeaders:是的,
上下文菜单:正确,
colHeaders:['CuentaÚnica','Número Comercio','Número PDV','Máximo Cuotas','Grupo Afinidad'],
是的,
冷宽:[120120120120120120120],
});
});

您的代码中似乎有一个小错误

替换此行
container=document.getElementById('example'),hot使用以下代码

container=document.getElementById('example')

这是交易。正如您可能知道的,Handsontable允许您冻结列。为此,始终会呈现两组表。注意到第二个表名为
ht\u clone\u top
,您正确地找到了它。此克隆允许您冻结表,因此,如果您删除它,即使您将修复错误,也无法冻结行


我可以告诉你我认为你的问题是什么,因为这是一个普遍的问题。您可能有修改表元素的CSS。不幸的是,您必须确保还修改了克隆表。考虑到CSS的本质,这确实是一个很难解决的问题,但是只要付出足够的努力,您就可以解决这个问题

我已通过从Hansontable container
DIV
元素中删除
padding
来修复此问题。

您可以在上面包含整个html或制作一个JSFIDLE吗?我可以让它在没有重复标题的情况下工作:谢谢。我用这个项目制作了一个新的html文件,效果很好。那么它一定是我用来干涉风格的框架中的某个东西。我使用的是一个非常旧的框架,称为“Mambo”,肯定有问题。谢谢你的帮助,我会继续尝试。至少我通过输入以下css样式成功地隐藏了它:.ht_clone_top{display:none!important;}谢谢你,我尝试了你的建议,但没有成功。我会继续努力的。