如圖:
上網查了miniui的有關資料,想要將它們合併居中,達到以下的效果。
具體做法:
在表的頭那一項加align="center"
,可以使其居中。
此處的grid是你的datagrid的id;
定義乙個變數陣列,裡面是你需要合併的單元格,其中包含4個屬性,rowindex,columnindex分別代表行和列索引,均是從0開始算,rowspan和colspan分別代表要合併的行和列的寬度。
(3)最後需要呼叫mergecells()方法來進行單元格合併,(2)中只是指出哪些單元格需要按照什麼要求進行合併,真正的合併是步驟(3)。
最終達到效果:
記錄下來,僅供學習,謝謝各位大佬的指點。
附:日期的控制項
miniui資料渲染:
>大項<
/div>
"marks" name=
"marks" width=
"70" headeralign=
"center" align=
"center" allowsort=
"false" renderer=
"onrenderer"
>分數<
/div>
"detailed" name=
"detailed" width=
"100px" headeralign=
"center" allowsort=
"false"
>明細項<
/div>
"plus" name=
"plus" width=
"70" headeralign=
"center" allowsort=
"false" renderer=
"onactionrendererplus"
>加分<
/div>
"reduce" name=
"reduce" width=
"70" headeralign=
"center" allowsort=
"false" renderer=
"onactionrendererreduce"
>減分<
/div>
<
/div>
<
/div>
<
/div>
function onactionrenderer
(e)if
(rowdata.cd==31)
if(rowdata.cd==41)
if(rowdata.cd==51)
if(rowdata.dtl_nm==
"合計");
} function onrenderer
(e)if
(rowdata.cd==31)
if(rowdata.cd==41)
if(rowdata.dtl_nm==
"合計");
} function onactionrendererplus
(e)else
if(rowdata.detailed=="")
else;}
function onactionrendererreduce
(e)else
if(rowdata.detailed=="")
else;}
function editrow
(row_uid)
else
// console.log(t);
form.
setdata
(t);},
error: function ()}
);};
}
MiniUI框架合併單元格
在專案中遇到合併單元格的問題,所以總結一下。用的是miniui框架,所以只談miniui中的單元格合併。1 必須新增onload onload 2 需要在js中進行單元格合併控制,實現 如下 function onload e grid.mergecells marges 此處的grid是你的dat...
元素居中問題詳解
子元素水平居中于父元素中內容區域 1 width margin par chi2 行內元素居中 par chi3 定位 par chi4 table par chi5 flex par chi子元素垂直居中 1 定位 par chi2 flex par chi3 table par chi水平垂直居...
css中 居中詳解
說到布局除了浮動以及定位外還有乙個不得不提的點,那就是居中,居中問題我們在網頁布局當中經常遇到,那麼以下就是分為兩部分來講,一部分是傳統的居中,另一種則是flex居中,每個部分又通過分為水平垂直居中來講。1.1水平居中 1.1.1 inline 對於inline元素以及純文字只需要為父元素設定tex...