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