ColReorderWithResize: text-overflow: ellipsis does not work
ColReorderWithResize: text-overflow: ellipsis does not work
koosvdkolk
Posts: 169Questions: 0Answers: 0
Although I made my own little ColResize plugin, I chose to stick to ColReorderWithResize, because it is maintained by others :).
I now have a problem, though. On the plugin's page (http://datatables.net/extras/thirdparty/ColReorderWithResize), when the contents of the cells overflow, the cell's height is increased and some of the contents move to the next line.
This is not what I want: I want the cells to be clipped, using text-overflow:ellipsis. I wrapped the cell contents in DIVs, and added some CSS.
[code]
table.display div{
height: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
empty-cells: show;
width: inherit;
}
[/code]
This does not work, see http://live.datatables.net/onidaj/edit/. When I make the width of the header smaller than the contents of one of the cells in that column, the width of those cells stays the same.
Any idea of how to fix this?
I now have a problem, though. On the plugin's page (http://datatables.net/extras/thirdparty/ColReorderWithResize), when the contents of the cells overflow, the cell's height is increased and some of the contents move to the next line.
This is not what I want: I want the cells to be clipped, using text-overflow:ellipsis. I wrapped the cell contents in DIVs, and added some CSS.
[code]
table.display div{
height: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
empty-cells: show;
width: inherit;
}
[/code]
This does not work, see http://live.datatables.net/onidaj/edit/. When I make the width of the header smaller than the contents of one of the cells in that column, the width of those cells stays the same.
Any idea of how to fix this?
This discussion has been closed.
Replies