普元EOS中nui(對jquery MiniUi的封裝)合並表頭

http://www.miniui.com/docs/api/index.html    jQuery MiniUI V3.0的api文檔

普元EOS中nui(對jquery MiniUi的封裝)合並表頭：

<div  width="80" headerAlign="center"
                     allowSort="false" field="projectName">項目名稱（合同名稱）
                     <input class="nui-textbox" enabled="true" name="projectName" style="width:20"  property="editor" visible="true" emptyText="必填項"/>
                     </div>
                <div header="自年初累計收驗的情況" headerAlign="center" width="50%">
                    <div property="columns">
                        <div width="120" headerAlign="center">
                            水電、水利（單元工程）
                            <div property="columns">
                                <div  width="120" headerAlign="center">境內
                                <div property="columns">
                                <div width="20" field="jnljysgs">自年初累計驗收個數
                                 <input class="nui-textbox"  enabled="true" name="jnljysgs" style="width: 40px"  property="editor" />
                                 </div>
                                <div width="20" field="jnycyshgs">一次驗收合格個數
                                 <input  class="nui-textbox" enabled="true" name="jnycyshgs" style="width: 40px"  property="editor" />
                                 </div>
                                <div width="20" field="jnychgl">一次驗收合格率
                                 <input class="nui-textbox" enabled="true" name="jnychgl" style="width: 40px"  property="editor" />
                                 </div>
                                <div width="20" field="jnylgs">優良個數
                                 <input class="nui-textbox"  enabled="true" name="jnylgs" style="width: 40px"  property="editor" />
                                 </div>
                                <div width="20" field="jnyll">優良率
                                <input class="nui-textbox"  enabled="true" name="jnyll" style="width: 40px"  property="editor" />
                                </div>
                                </div>
                                </div>
                                <div  width="120" headerAlign="center">境外
                                <div property="columns">
                                <div width="20" field="jwljysgs">自年初累計驗收個數
                                <input class="nui-textbox"  enabled="true" name="jwljysgs" style="width: 40px"  property="editor" />
                                </div>
                                <div width="20" field="jwycyshgs">一次驗收合格個數
                                <input class="nui-textbox"  enabled="true" name="jwycyshgs" style="width: 40px"  property="editor" />
                                </div>
                                <div width="20" field="jwychgl"> 一次驗收合格率
                                <input class="nui-textbox"  enabled="true" name="jwychgl" style="width: 40px"  property="editor" />
                                </div>
                                <div width="20" field="jwhgl">合格率
                                <input class="nui-textbox"  enabled="true" name="jwhgl" style="width: 40px"  property="editor" />
                                </div>
                                </div>
                                </div>
                                
                            </div>
                        </div>
                        <div  width="100"   headerAlign="center">水電，輸變電（分項工程）
                        <div property="columns">
                                <div width="20" field="fxgcljysgs">自年初累計驗收個數
                                <input class="nui-textbox"  enabled="true" name="fxgcljysgs" style="width: 40px"  property="editor" />
                                </div>
                                <div width="20" field="fxgcycyshgs">一個驗收合格個數
                                <input class="nui-textbox"  enabled="true" name="fxgcycyshgs" style="width: 40px"  property="editor" />
                                </div>
                                <div width="20" field="fxgcychgl">一次驗收合格率
                                <input class="nui-textbox"  enabled="true" name="fxgcychgl" style="width: 40px"  property="editor" />
                                </div>
                                <div width="20" field="fxgchgl">合格率
                                <input class="nui-textbox"  enabled="true" name="fxgchgl" style="width: 40px"  property="editor" />
                                </div>
                        </div>
                        </div>
                        <div  width="100"  headerAlign="center">新能源發電（檢驗批）
                        <div property="columns">
                                <div width="20" field="xnyljysgs">自年初累計驗收個數
                                <input class="nui-textbox"  enabled="true" name="xnyljysgs" style="width: 40px"  property="editor" />
                                </div>
                                <div width="20" field="xnyycyshgs">一個驗收合格個數
                                <input class="nui-textbox"  enabled="true" name="xnyycyshgs" style="width: 40px"  property="editor" />
                                </div>
                                <div width="20" field="xnyychgl">一次驗收合格率
                                <input class="nui-textbox"  enabled="true" name="xnyychgl" style="width: 40px"  property="editor" />
                                </div>
                                <div width="20" field="xnyhgl">合格率
                                <input class="nui-textbox"  enabled="true" name="xnyhgl" style="width: 40px"  property="editor" />
                                </div>
                        </div>
                        </div>
                        <div  width="100"  headerAlign="center">其他（檢驗批）
                        <div property="columns">
                                <div width="20"  field="qtljysgs">自年初累計驗收個數
                                <input class="nui-textbox"  enabled="true" name="qtljysgs" style="width: 40px"  property="editor" />
                                </div>
                                <div width="20" field="qtycyshgs">一個驗收合格個數
                                <input class="nui-textbox"  enabled="true" name="qtycyshgs" style="width: 40px"  property="editor" />
                                </div>
                                <div width="20"  field="qtychgl">一次驗收合格率
                                <input class="nui-textbox"  enabled="true" name="qtychgl" style="width: 40px"  property="editor" />
                                </div>
                                <div width="20" field="qtxnyhgl">合格率
                                <input class="nui-textbox"  enabled="true" name="qtxnyhgl" style="width: 40px"  property="editor" />
                                </div>
                        </div>
                        </div>
                    </div>
                </div>
            <div header="質量事故情況">
                <div property="columns">



                    <div  width="100">一般較大質量事故
                    <div property="columns">
                                <div width="20"  field="ybsgcs">次數
                                <input class="nui-textbox"  enabled="true" name="ybsgcs" style="width: 40px"  property="editor" />
                                </div>
                                <div width="20" field="ybsgss">直接造成的經濟損失（萬元）
                                <input class="nui-textbox"  enabled="true" name="ybsgss" style="width: 40px"  property="editor" />
                                </div>
                    </div>
                    </div>
                    <div  width="120">重、特大質量事故
                      <div property="columns">
                                <div width="20"  field="qtxnyhgl">次數
                                <input class="nui-textbox"  enabled="true" name="zdsgcs" style="width: 40px"  property="editor" />
                                </div>
                                <div width="20" field="qtxnyhgl">直接造成的經濟損失（萬元）
                                <input class="nui-textbox"  enabled="true" name="zdsgss" style="width: 40px"  property="editor" />
                                </div>
                    </div>
                    </div>
                </div>
            </div> 
            <div field="sremark" width="80" headerAlign="center"
                    >備注
                    <input class="nui-textbox"  enabled="true" name="sremark"   property="editor" />
             </div>   
  

allowHeaderWrap='true'   可以使表頭顯示的字豎向顯示；

 

property="columns"表示下面出現多個集合標題，合並表頭時這個屬性很重要






來都來了點個贊，掃一掃二維碼認識下吧！