Edan Evantal
Top achievements
Rank 1
Rank 1
Edan Evantal
asked on 16 May 2017, 04:54 AM
Hi,
I'm try to show ellipsis at the end of long texts inside the table cell, and I'm doing by setting "table-layout: fixed", but I run into unwanted behavior when the columns are being resized. The column can be shirked completely, and an horizontal scroll bar appears.
Code:
http://jsfiddle.net/nxLvryxb/
Screenshots:
(Attached)
1 Answer, 1 is accepted
0
Hi,
As you submitted a support ticket on the same topic, I am pasting the answer from the ticket here in case anyone from the community encounters the same.
This is the default behavior of the HTML tables and it is not directly related to the Kendo UI APIs. The main problem with the ellipsis is the fact that the TABLE element should have table-layout set to "fixed". With a fixed table-layout, the columns should have specified width (http://dojo.telerik.com/iMITI/5)
http://stackoverflow.com/questions/10372369/why-doesnt-css-ellipsis-work-in-table-cell
You could also take a look at the following dojo example, where the ellipsis is working with enabled resizable:
http://dojo.telerik.com/iMITI
Regards,
Preslav
Telerik by Progress
As you submitted a support ticket on the same topic, I am pasting the answer from the ticket here in case anyone from the community encounters the same.
This is the default behavior of the HTML tables and it is not directly related to the Kendo UI APIs. The main problem with the ellipsis is the fact that the TABLE element should have table-layout set to "fixed". With a fixed table-layout, the columns should have specified width (http://dojo.telerik.com/iMITI/5)
http://stackoverflow.com/questions/10372369/why-doesnt-css-ellipsis-work-in-table-cell
You could also take a look at the following dojo example, where the ellipsis is working with enabled resizable:
http://dojo.telerik.com/iMITI
Regards,
Preslav
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.