miniUI合併居中詳解

2021-09-23 23:35:45 字數 3023 閱讀 7515

如圖:

上網查了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...