拖拽表格，列与表头无法对齐（多级表头时）_表格拖拽时,表体跟表头不同步-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_45199952/article/details/105660978

在使用jqgrid实现多级表头时，遇到拖拽列后与表头对齐的问题。通过分析JS源码，可以找到解决方法，包括直接修改min.js或src.js文件的特定部分，以确保拖动后列与表头保持正确对齐。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在用jqgrid，但是需要对Header进行多级分组，结果出现下面现象：

简单整理了一下JS源码里的内容（这是min.js文件，还有src.js文件）：

{
   
b=a.extend({
   
	useColSpanStyle:!1,
	groupHeaders:[]
	},b||{
   });

return this.each(function(){
   
	this.p.groupHeader=b;
	var c,d,h=0,k,e,s,f,g,
	m=this.p.colModel,
	x=m.length,
	q=this.grid.headers,
	p=a("table.ui-jqgrid-htable",this.grid.hDiv),
	l=p.children("thead").children("tr.ui-jqgrid-labels:last").addClass("jqg-second-row-header");
	k=p.children("thead");
	var n=p.find(".jqg-first-row-header");
	void 0===n[0]?
	n=a("<tr>",{
   role:"row","aria-hidden":"true"}).addClass("jqg-first-row-header").css("height","auto"):n.empty();
	var r,w=function(a,b){
   
		var c=b.length,d;
		for(d=0; d<c; d++)
		if(b[d].startColumnName===a)
		return d;
		return-1
	};
	
	a(this).prepend(k);
	k=a("<tr>",{
   role:"rowheader"}).addClass("ui-jqgrid-labels jqg-third-row-header");
	for(c=0; c<x; c++)
	if(	s=q[c].el,
		f=a(s),
		d=m[c],
		e={
   height:"0px",width:q[c].width+"px",display:d.hidden?"none":""},
		a("<th>",{
   role:"gridcell"}).css(e).addClass("ui-first-th-"+this.p.direction).appendTo(n),
		s.style.width="",
		e=w(d.name,b.groupHeaders),
	0<=e){
   
		e=b.groupHeaders[e];
		h=e.nu