How exactly do rowHeight and rowLineHeight differ for datatables? What’s the magic relationship between these numbers to be able to vertically center text and a select control, and so that the select doesn’t move up when clicked?
Hello,
Text in cells is centered according to rowLineHeight parameter of datatable, which is independent of adjustRowHeight command, as it assumes that rows can have different height.
rowHeight is the height of each row
Please check the sample to see the difference: Code Snippet
Thank you for the sample. I’m not sure I understand how this applies to the problem with selects though. I’ve set rowLineHeight and rowHeight to the same value, but the selects still move up when clicked and look cut off. I’ve tried setting a height for the select but haven’t stumbled upon the magic number to make them look vertically centered, not truncated, and not move when clicked.
Is there a clean way of vertically centering active content in table cells? I’ve seen the same problem with buttons, which made me give up on active content and using HTML button tags in templates.