columns.defaultContent in IE11 showing responsive column at top of table cell

columns.defaultContent in IE11 showing responsive column at top of table cell

az1az1 Posts: 14Questions: 7Answers: 1

Hi there

We just found the columns.defaultContent property helps to reduce the width of the responsive control column nicely when set to string.empty.
Upon testing in Chrome/Edge/Firefox the column width is reduced and in the centre of the table.
In IE11, the width is reduced but the plus sign is at the top of the cell - see attached screenshot.

Are you experiencing this behaviour as well?

thanks
Az

This question has an accepted answers - jump to answer

Answers

  • az1az1 Posts: 14Questions: 7Answers: 1

    image attached

  • az1az1 Posts: 14Questions: 7Answers: 1

    Upon further testing, if I put one character in the defaultContent property, the plus sign is then centred.
    Is this necessary or can I apply some css e.g. valign center?

  • allanallan Posts: 61,657Questions: 1Answers: 10,094 Site admin

    I suspect what is happening is a bug in IE. If the cell has no child elements then it might not be assigning any height to it, thus why it is appearing collapsed like that, but then works when you use defaultContent.

    Using a single space in defaultContent for that column sounds like a good workaround for the issue.

    Allan

  • az1az1 Posts: 14Questions: 7Answers: 1
    Answer ✓

    Adding a non breaking space did the trick!

    Public Property defaultContent As String = " "

    thanks
    Az

This discussion has been closed.