Grid cell overflow


#1

Hi

I’m trying to display information in a grid which is wider than the cell width which I want to keep static. For example if the data is 50 characters long only only want the first 8 characters displayed. I’ve been trying overflow:hidden;white-space:nowrap; etc but to no avail. Any ideas?


#2

How are you applying overflow:hidden;white-space:nowrap;?


#3

I tried…
SnapGrid.cell(r1,c).style.textAlign = “center”
SnapGrid.cell(r1,c).style.overflow = “hidden”
SnapGrid.cell(r1,c).style.whiteSpace = “nowrap”
SnapGrid.cell(r1,c).style.borderStyle = “none”
and
border-style:none;overflow:hidden;white-space:nowrap;
in the cellstyle properties in the design screen.


#4

Add table-layout:fixed; to the grid’s style property.


#5

Have that already but not working like I expected. Have borders off too but when I add columns in code the new columns have borders which I haven’t experienced historically.


#6

Sorry. It was my website not doing it’s update properly. It uploads to website correctly but doesn’t pull down code.js if updated too frequently in the last few minutes. Grid works as expected now.