datatables

苞菜哦

动态创建datatables 列 columns[{sName:'列名',xid:"column1",width:"200px"}]
自定义宽度不管用怎么办？求大神指教

dkerlo

要修改属性，默认是自适应的，取消自适应就可以。flexibleWidth=false

苞菜哦

dkerlo 发表于 2016-12-16 13:42
要修改属性，默认是自适应的，取消自适应就可以。flexibleWidth=false

动态创建时，加上flexibleWidth还是不管用，静态时可以

苞菜哦

dkerlo 发表于 2016-12-16 13:42
要修改属性，默认是自适应的，取消自适应就可以。flexibleWidth=false

grid组件怎么删除？我用的remove方法，但是始终删除不了表头

dkerlo

苞菜哦 发表于 2016-12-16 14:04
grid组件怎么删除？我用的remove方法，但是始终删除不了表头

改成false后，还要对每列设置宽度，否则没有意义的。

dkerlo

苞菜哦 发表于 2016-12-16 14:04
grid组件怎么删除？我用的remove方法，但是始终删除不了表头

关于grid和datatables 组件
请参考 http://docs.wex5.com/comps-datatables-grid/#5.3

苞菜哦

dkerlo 发表于 2016-12-16 14:09
关于grid和datatables 组件
请参考 http://docs.wex5.com/comps-datatables-grid/#5.3

谢谢

半导体

苞菜哦 发表于 2016-12-16 13:50
动态创建时，加上flexibleWidth还是不管用，静态时可以

Model.prototype.button1Click = function(event) {
                var parentNode = this.getElementByXid("content1");
                var option = {
                        parentNode : parentNode,
                        // dataTables的属性，设计时有的属性都可以设置
                        data : "data1",
                        class : 'table table-hover table-striped',
                        flexibleWidth : false,
                        multiSelect : true,
                        responsive : false,
                        // 列定义
                        columns : [ {
                                sName : "fName",
                                xid : "column1",
                                title : "名称",
                                width : "50px"
                        }, {
                                sName : "fCode",
                                xid : "column2",
                                title : "编码"
                        } ]
                };
                new dataTables(option);
        };

我是这么写的  管用的

苞菜哦

半导体 发表于 2016-12-16 14:20
Model.prototype.button1Click = function(event) {
                var parentNode = this.getElementByXid("content1 ...

for (var i = 0; i < sel.length; i++) {
                        //this.comp('dataTables1').showCol(sel);
                     selected1.push({sName:sel,xid:"column"+(i),width:'200px'});
                                }
var option = {
                parentNode : parentNode,
          
                xid: "dataTables1",
                data : "projectassignData",
                onCellRender:"dataTables1CellRender",
                 class:"table table-hover table-striped " ,
                multiSelect: true,//多选框 属性，没有效果  
           responsive : false,
             flexibleWidth : false,
                showRowNumber: true,
                 autoWidth:false,
                ordering : true,
             
                // 列定义
                columns : selected1
            };
           var newTable = new dataTables(option);
           newTable.setCSS({"margin": "0px"});//设置CSS样
我也是 这样 写的，可是 宽度不出来效果

苞菜哦

结贴