Align table cells to length of the total Table.

[mk3dk]

Kibana version: 5.4

Elasticsearch version: 5.4

Server OS version: Redhat 7

Browser version: IE 11

Browser OS version: Windows 7

Original install method (e.g. download page, yum, from source, etc.): Download page

Description of the problem including expected versus actual behavior:
Long text in a data table is causing problem in IE 11. It is not possible to change the width of the table cells and we get a lot of horizontal scroll. This problem is actually the same as the problem described here: #2025, but seems like the issue is not solved. Instead you have merged it with another issue. Can it be true that a feature request from 2014 has not been fixed in 2017?

Steps to reproduce:
1.
2.
3.

Errors in browser console (if relevant):

Provide logs and/or server output (if relevant):

[cjcenizal]

Thanks for reporting this issue @mk3dk. Would you mind sharing a screenshot, so I can be certain I understand the problem?

[mk3dk]

This is how it looks in chrome and also how i want it to look in IE.

[cjcenizal]

Thanks @mk3dk! Can you add a screenshot of the problem in IE, please?

[mk3dk]

I have added two new screenshots of the problem. To reproduce the problem in your end add below index and data through kibana console.

PUT /tabletest
{
"mappings" : {
"default" : {
"properties" : {
"user" : {"type": "keyword"},
"amount" : {"type": "integer"},
"message" : {"type": "keyword"},
"description" : {"type" : "keyword"}
}
}
}
}

PUT tabletest/testing/1
{
"user" : "user1",
"amount": "200",
"message" : "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu efficitur sapien. Mauris eget tempor erat. Mauris dictum urna blandit mi volutpat, vitae venenatis ante finibus. Fusce convallis congue tempus. Maecenas bibendum risus eu magna malesuada mollis. Mauris consequat diam tortor. Duis a elementum lacus. Proin faucibus sagittis nulla, ac vulputate massa scelerisque ut. Donec et commodo est. In vel vehicula urna, a pretium mi. Phasellus convallis quis felis ut rhoncus.",
"description" : "Suspendisse sit amet varius tellus. Nulla sit amet porta mauris. Curabitur mattis lacus ac quam congue sodales. Nam bibendum ex sit amet sapien efficitur finibus. Nullam vel neque nisi. Pellentesque tempor enim ut tellus luctus, quis tempus lacus placerat. Phasellus eu feugiat dolor. Sed lectus massa, tincidunt vel elit id, consequat rhoncus enim. Duis convallis mattis sapien eu condimentum. Nunc pulvinar risus sed mi consequat, varius faucibus sem bibendum. In ut massa mi."
}

PUT tabletest/testing/2
{
"user" : "user2",
"amount": "300",
"message" : "Praesent venenatis orci ex, a aliquet diam egestas in. Integer sed volutpat metus. Vivamus pellentesque tristique purus, sed pulvinar massa gravida quis. Morbi venenatis massa in arcu placerat suscipit. Integer finibus est vehicula, sollicitudin dolor non, fringilla nisl. Sed fermentum mauris nec elit cursus sagittis. Nam auctor sagittis erat.",
"description" : "Vestibulum ut augue lacus. Maecenas sed gravida metus, id dictum augue. Mauris eu luctus sapien. Aenean at velit tempus sem maximus tempor. Nullam quis lectus leo. Nunc vitae fermentum lectus. Integer eu quam orci. Integer et massa leo. Mauris tristique lobortis ante, vel euismod orci pharetra quis."
}

[cjcenizal]

@mk3dk Thanks, this is great and outlines the problem very well. I'm pretty slammed right now, but if you or anyone else has time to submit a PR, I can review it.

[saiDevkar]

What's the solution to wrap text of data table column??

[cchaos]

@lukeelmers Can you also put this one on your radar for #16639

[lukeelmers]

@cchaos Noted! Thanks for pointing this out.

Also I just wanted to add that this is tangentially related to #21379 -- I'd assume this problem will still exist whenever that PR gets merged, but I will investigate either way.

[stratoula]

I am closing it as we dont support IE in the latest kibana versions