求实现表格布局的资料，如图所示 我想实现图中的表格，...

470772345

求实现表格布局的资料，如图所示 我想实现图中的表格，应该如果布局？？？？？？

liangyongfei

表格 有3中
1.grid 组件
2.dataTables组件
http://doc.wex5.com/comps-datatables-grid

3.list组件也可以做表格
/UI2/system/components/justep/list/demo/list.w


不过你的部署是指什么？？九宫格吗？
/UI2/system/components/bootstrap/row/demo/grid.w

470772345

liangyongfei 发表于 2017-3-28 14:54
表格 有3中
1.grid 组件
2.dataTables组件

你好。 我加一个图片  就是那样的效果  栏目是固定的  时间项可以变的

liangyongfei

470772345 发表于 2017-3-28 16:16
你好。 我加一个图片  就是那样的效果  栏目是固定的  时间项可以变的

这是ｅｘｃｅｌ　布局吧！
默认没提供这样的布局
你需要自己实现！！
请研究一下ｌｉｓｔ　ｔａｂｌｅ这个组件！！应该可以实现类似效果！

470772345

// 创建栏目统计表格
        Model.prototype.createTable = function(event) {
   
            $('[id=table]').remove();
                var self = this;
                tableNode = document.createElement("table");// 获得对象
                tableNode.setAttribute("id", "table");
                tHeadNode = document.createElement("tHead");// 获得对象
                tHeadNode.setAttribute("id", "tHead");
                tHeadNode.insertRow();
                $(tHeadNode.children).append('<th class="th_css" >' + "时间/栏目" + '</th>');
                for (var j = 0; j < self._tHeadArray.length; j++) {
                        $(tHeadNode.children).append('<th class="th_css" >' + self._tHeadArray[j] + '</th>');
                }
                ;
                tableNode.appendChild(tHeadNode);

                for (var i = 0; i < self._tableArray.length; i++) {
                        var mark;
                        if (self._tableArray[i + 1]) {
                                mark = self._tableArray[i + 1].period;
                        } else {
                                mark = self._tableArray[i].period;
                        }
                        var trNode;
                        if (i == 0) {
                                trNode = tableNode.insertRow();
                                $(trNode).append('<th class="th_css" >' + mark + '</th>');
                        }
                        var tdNode = trNode.insertCell();

                        $(tdNode).addClass('td_css');

                        if (mark !== self._tableArray[i].period) {
                                trNode = tableNode.insertRow();
                                $(trNode).append('<th class="th_css" >' + mark + '</th>');
                        }

                        tdNode.innerHTML = self._tableArray[i].count;
                }
                this.getElementsByXid("colDiv").append(tableNode);
        };

liangyongfei

470772345 发表于 2017-5-8 17:15
// 创建栏目统计表格
        Model.prototype.createTable = function(event) {
   

你这完全就是js动态创建的！
不过动态创建dom节点还是建议参考
http://doc.wex5.com/comp-base/#2.2

470772345

liangyongfei 发表于 2017-5-8 17:19
你这完全就是js动态创建的！
不过动态创建dom节点还是建议参考
http://doc.wex5.com/comp-base/#2.2

好的 谢谢你～