How can set Merged Cell inner object vertical-align center

[SHIN WOOCHUL]

I merged Cell then my inner object like button,check box is located cell top.
I set column style align : center then it moved center, but It still vertical top.
So, I set css like this
.pq-merge-cell {
padding-top : 6vh;
}
but it make cell ugly and It is not same location what height difference;
So If you have good method to set vertical middle
please answer me

[paramvir]

you can use column render method to add additional internal div to a merge cell and then vertical align with css.

Code: [Select]

columnTemplate:{render: function(ui){
if(ui.cls.indexOf('pq-merge-cell')>=0) //check for merge cell.
return "<div>"+ui.formatVal+"</div>";
}},


Code: [Select]

<style>
.pq-merge-cell div{
position: relative;
top: 50%;
transform: translateY(-50%);
}
</style>


[SHIN WOOCHUL]

Thank you so much, It works , Your solution is good!!!
You're advice make me more better programmer