如何冻结datagrid中的头表，使用EasyUI + JQ？

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/jquery-easyui@1.9.22/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/jquery-easyui@1.9.22/themes/icon.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery-easyui@1.9.22/jquery.easyui.min.js"></script>

<table id="datagrid" class="easyui-datagrid" style="width:100%;height:300px;"></table>

$(function(){
    $('#datagrid').datagrid({
        url: 'data.php', // 数据源URL
        columns: [[
            {field:'id',title:'ID',width:100},
            {field:'name',title:'Name',width:100},
            // 其他列定义...
        ]],
        fitColumns: true, // 自适应列宽
        singleSelect: true, // 单选模式
        rownumbers: true, // 显示行号
        striped: true, // 斑马线效果
        fixed: true, // 冻结表头
    });
});