For text that does not fit in side a cell it is possible to add ellipsis or a fade out effect using `text-overflow: ellipsis;` or`text-overflow: fade(10px);`. However this does not work if the table can overflow horizontally.

Is it possible to add a fadeout effect to the text or the table if a column or several columns do not fit within a table on screen? (In my scenario the horizontal scrollbar may not be visible when the table has many rows so this cue may not be shown to user.)

A right-most column would have a fade out to make it obvious that there are columns outside view-able area.

(I am using bootstrap 3.3.)

[JsFiddle](https://jsfiddle.net/kashiraja/ukov4646/)

Reference: [text-overflow](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow)