阅读:2615
回复:3
|
简单修改表单样式
客户给的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对应。 其实只要对应。表单怎么改都可以吧!奈何前端技术不够,榴莲们可以自由发挥的哦! |
|
1楼#
发布于:2018-01-15 17:31
应该是改class的col-md-12就行,响应式表单布局一般是不建议用table来布局。。
|
|
3楼#
发布于:2018-02-10 13:24
实名用户_b5b63f47:这种布局在移动端有影响吗?回到原帖有影响,可能会没法使用,或者排版不好,没测试过。 |
|
|