怎么自定义填充空白dataTable?

枕夏

我新增了一个空白页面，里面添加了dataTables组件，dataTable的表头和表体数据都是从后台action查询出来的，表头是动态的（个数和属性名都不确定），1、dataTable组件的data属性我不知道要怎么填写，2、动态创建表头之后，我想通过loadData方法把值塞进去显示出来（暂时用测试数据arr），但是提示data.loadData is not a function，这个data怎么获取

枕夏

这个js代码  
var parentNode = this.getElementByXid("dataTables1");
         var option1 = {
                parentNode : parentNode,
                //dataTables的属性，设计时有的属性都可以设置
                data : "orgData",
                class:'table table-hover table-striped',
                flexibleWidth : true,
                responsive : false,
                // 列定义
                columns : [{sName:"sName",xid:"column1"}, {sName:"sCode",xid:"column2"}],
                defaultValues : [
            {sName:'a1',sCode:'b1'},
            {sName:'a2',sCode:'b2'}
            ]
          };
          new dataTables(option1);
          var data=this.comp("dataTables1");
          console.log(data);
          var arr = [];
                    //遍历返回的行数据勾选loadData给另一个data(此案例中是data3)是需要的json数据，其中冒号)前的关系名是data3中的关系名，后面的是从函数的行中获取行中相关关系的值
                     arr.push({
                            "fName" : '111',
                            "fCode" : '222'                        
                        });         

                    //把处理后的数据loadData给data3
                    data.loadData({
                        "rows" : arr
                    }, true);
                    //调用grid的刷新刺激加载数据
                    //var grid = this.comp("grid1");
                    data.refresh();