阅读:2021 回复:3
果冻栋吖
104

帖子

755

跟帖

2622

积分

论坛版主
论坛版主
  • 社区居民
  • 忠实会员
  • 优秀斑竹

简单修改表单样式

楼主#
更多 发布于:2018-01-10 09:30
客户给的Excel模板是这样得:

图片:1.png


这种不是子表,但是有超过两列,默认H3样式是这样得:

图片:2.png



这样看起来有点复杂,而且占地方很多。计算公式算出得结果也不是很直观。
我们可以参照子表得样式修改,结果是这样得:

图片:3.png



这样样式上是子表的样式去显示了,可以节省一部分界面。
代码:

<div class="row">
 <div class="col-md-12">
 <div style="overflow-x:scroll">
 <table data-type="SheetGridView" style="width: 1200px;" class="SheetGridView">
 <tbody>
 <tr class="header">
 <td>
 <span id="Label62" data-type="SheetLabel" data-datafield="ActualSales" style="">实际销售额</span>
 </td>
 </tr>
 <tr>
 <td>
  <input id="Control62" type="text" data-datafield="ActualSales" data-type="SheetTextBox" style="">
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 </div>
</div>
主要就是data-datafield对应。
其实只要对应。表单怎么改都可以吧!奈何前端技术不够,榴莲们可以自由发挥的哦!
需要技术支持请添加QQ1772829123,提供H3产品定制开发,IT技术支持。
TAn
TAn
46

帖子

688

跟帖

4536

积分

H3 BPM互助团队
H3 BPM互助团队
  • 社区居民
1楼#
发布于:2018-01-15 17:31
应该是改class的col-md-12就行,响应式表单布局一般是不建议用table来布局。。
实名用户_b5b63f47
1

帖子

4

跟帖

18

积分

初级榴莲
初级榴莲
2楼#
发布于:2018-02-10 11:11
这种布局在移动端有影响吗?
果冻栋吖
104

帖子

755

跟帖

2622

积分

论坛版主
论坛版主
  • 社区居民
  • 忠实会员
  • 优秀斑竹
3楼#
发布于:2018-02-10 13:24
实名用户_b5b63f47:这种布局在移动端有影响吗?回到原帖
有影响,可能会没法使用,或者排版不好,没测试过。
需要技术支持请添加QQ1772829123,提供H3产品定制开发,IT技术支持。
游客

返回顶部