使用easyui的datagrid出现TypeError: col is null_uncaught typeerror: col is null-CSDN博客

本文链接：https://blog.csdn.net/qqaazz211/article/details/72432914

当使用easyui的datagrid时，遇到多条数据无法显示并报'col is null'错误的问题。问题可能在于sortName的值未设置为columns中field的有效值。将sortName设置为columns内存在的field，例如从'name'更改为'time'，即可解决此问题。

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

使用easyui的datagrid，有一条数据时可以显示，多条数据就没法显示了并出现TypeError: col is null这个错误，一直找不到原因所在。

今天修改了datagrid的sortName的值就可以了，真是神奇。

原因可能是sortName的值必须是columns中field的值。之前sortName的值不是columns中field的值，现在改成columns中field的值就可以了。

我的代码如下：

$('#list').datagrid({
           url: "test.action",
           title: entityName,
           iconCls:'icon-tip',
           fit:true, //自适应高
           fitColumns:true, //自适应宽

           nowrap: false, //是否可换行
           autoRowHeight: false, //是否自动确定行高
           striped: true,
           collapsible:false,
//           sortName: 'name',    //name在columns没有
            sortName: 'time',   //time在columns有
           sortOrder: 'asc',
           remoteSort: false,
           idField:'id',
           //singleSelect:true,
           scrollbarSize:5,

           columns:[[
               {field:'row',title:'序号',align:'center',width:60},
               {field:'mingcheng',title:'名称',align:'center',width:160},
               {field:'time',title:'时间',align:'center',width:100, sortable:true},
               {field:'licheng',title:'里程',align:'center',width:120, sortable:true},
               {field:'pailiang',title:'排量',align:'center',width:60, sortable:true},
               {field:'biansuxiang',title:'变速箱',align:'center',width:60},
               {field:'price',title:'价格',align:'center',width:120},
               {field:'createtime',title:'推送日期',align:'center',width:120,sortable:true}
               ]],

           pagination:true,
            rownumbers:true,
           pageSize:15, //注意pageSize和pageList要一起设置并且是整除才有效
           pageList:[15,20,30,40,50,100],
           toolbar:[
                       {
                           id:'btnSubscribe',
                           text:' 订阅 ',
                           iconCls:'icon-grid',
                           onClick: sub,
                       },'-',{
                           id:'btnList',
                           text:' 刷新 ',
                           iconCls:'icon-reload',
                           onClick: test,
                       }
                   ]
       });