jquery怎么样动态的去组装一个table?：报错

jquery怎么样动态的去组装一个table?

1、只要定义一个grid的div

2、根据js中的变量columns，去读取并动态的去创建这个table?

问题：A，怎么去取得columns中的属性？对于定义的函数，应该怎么写回调? 能写些示例的代码吗？谢谢！！

<div class="grid-container" style="width: 950px;">
        <div id="grid">
        </div>
    </div>
</div>

<script type="text/javascript">
    var detailUrl = "www.baidu.com";

    var columns = [
        {title: '单号', width: 100, sortable: false, dataIndex: 'orderId'},
        {title: '子订单号', width: 120, sortable: false, dataIndex: 'subOrderId'},
        {title: '收件人', width: 80, sortable: false, dataIndex: 'consignee'},
        {title: '电话', width: 120, sortable: false, dataIndex: 'mobilePhone'},
        
        {
            title: '状态', width: 100, sortable: false, dataIndex: 'status',renderer: function (value, obj) {
                var status = obj.status;
    			if('失败' == status){
    				return '<span style="color:red">'+status+'</span>';
    			}else{
                    return '<span>'+status+'</span>';
    			}                
            }
        },
        {
            title: '操作', width: 100, dataIndex: 'g', renderer: function (value, obj) {
            var id = obj.orderId;
            return '<span data-title="查看" data-href="' + detailUrl + '?id=' + id + '" data-id="' +
                    id + '" class="page-action grid-command">查看</span>';
            }
        }
    ];
</script>