jQuery EasyUI求助

最近在学习easyui的时候遇到了一个很奇怪的问题，在使用datagrid组件的时候，我想自定义一个列，用来显示一个查看详细页面的链接，但是当这个列不是最后一列的时候，链接一直显示不出来，求大神们指点一二，easyui版本是1.34。

代码如下：

    <script type="text/javascript">
        function addDetail(value, row,index) {
            return "<a href='http://www.baidu.com'>查看</a>";
        }
        var dg = $("#datagrid");
        
        dg.datagrid({
            url: "ajax/studenthandler.ashx?do=getBachelor",
            pagination: true,
            rownumbers:true,
            columns: [[
                { field: 'stuid', title: '学号', align: 'center' },
                { field: 'stuname', title: '姓名', align: 'center' },
                { field: 'stugender', title: '性别', align: 'center' },
                { field: 'archnum', title: '档案编号', align: 'center' },
                { field: 'politstatus', title: '政治面貌', align: 'center' },
                { field: 'highschool', title: '高中材料', align: 'center' },
                { field: 'medical', title: '体检材料', align: 'center' },
                { field: 'medical', title: '体检材料', align: 'center' },
                { field: 'enroll', title: '入学登记表', align: 'center' },
                { field: 'annual1', title: '年鉴1', align: 'center' },
                { field: 'annual2', title: '年鉴2', align: 'center' },
                { field: 'annual3', title: '年鉴3', align: 'center' },
                { field: 'annual4', title: '年鉴4', align: 'center' },
                { field: 'grades', title: '成绩表', align: 'center' },
                { field: 'reward', title: '奖惩材料', align: 'center' },
                { title: '详细', align: 'center', formatter: addDetail }
            ]]
        });
        
    </script>

表格加载后，别的列数据显示没有问题，但是最后一列的详细没有显示，但是当我把这列位置调到上面的时候，又可以显示了，真是奇怪。