为了冻结列，您需要定义 frozenColumns 属性。frozenColumn 属性和 columns 属性一样。
网站建设哪家好，找创新互联！专注于网页设计、网站建设、微信开发、微信小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了兴山免费建站欢迎大家使用！
$('#tt').datagrid({ title:'Frozen Columns', iconCls:'icon-save', width:500, height:250, url:'data/datagrid_data.json', frozenColumns:[[ {field:'itemid',title:'Item ID',width:80}, {field:'productid',title:'Product ID',width:80}, ]], columns:[[ {field:'listprice',title:'List Price',width:80,align:'right'}, {field:'unitcost',title:'Unit Cost',width:80,align:'right'}, {field:'attr1',title:'Attribute',width:100}, {field:'status',title:'Status',width:60} ]]});
您不需要写任何的 javascript 代码，这样您就能创建一个数据网格（datagrid）组件，如下所示：
table id="tt" title="Frozen Columns" class="easyui-datagrid" style="width:500px;height:250px" url="data/datagrid_data.json" singleSelect="true" iconCls="icon-save" thead frozen="true" tr th field="itemid" width="80"Item ID/th th field="productid" width="80"Product ID/th /tr /thead thead tr th field="listprice" width="80" align="right"List Price/th th field="unitcost" width="80" align="right"Unit Cost/th th field="attr1" width="150"Attribute/th th field="status" width="60" align="center"Stauts/th /tr /thead/table
MagicGrid 是一个 jQuery 的表格插件，易于使用，易于扩展，虽然只提供有限的功能，但良好的设计使之非常容易扩展，只需少量代码就可实现多项功能 多行表头(multi headers)，行展开(expandable)，固定列(fixed column)
原生的Jquery dataTable没有这个功能的支持哦，只能自己用js和css限定，非常复杂
如果一定要实现这种效果，建议使用easyui，调用简单方面，而且一个参数即可支持【锁定列的横向滚动】功能。
实例以及源代码：
;tree.html#datagrid
第一个example就是你需要的【锁定列的横向滚动】哦