Vertical Scroll bar inside cell of Rich extended data table not appearing in Firefox

[sarathkrish]

Hi,

     I have a requirement to show vertical scroll bar inside each cell of a table (I am using extended data table) If the text in the cell is longer than column width. I am able to achieve it  using the style given below. But it is not working in Firefox. It works fine with Chome and Internet Explorer. Any Inputs would be greatly appreciated.

Style

=====

.fixedSizeRows .rf-edt-c

{

height: 28px !important;

border-right:none !important;

border-bottom:none !important;

overflow-y: auto !important;

overflow-x: hidden !important;

word-wrap:break-word !important;

white-space:normal !important; 

}

  Firefox ( No vertical scroll bar inside cell)

Chrome ( Its showing vertical scroll inside cell)

[michpetrov]

Without changing the white-space rule on .rf-edt-c-cnt I see no scrollbars in either browser but with it I see them in both, although in the case of Firefox the look is taken from the OS and the scrollbar is unusable but it can be scrolled with a mouse. This is unfortunately up to the browser, though I have to ask why is it preferable to have scrollable table cells, I wouldn't be a happy user if I had to scroll every cell.

[sarathkrish]

Hi Michal,

               Thanks for your reply,  Even I observed we can scroll the cell using mouse in Firefox but user want a vertical scroll bar inside the cell, there are lot many columns in the table so they do not want to increase the column width horizontally .

[sarathkrish]

I got a solution, one of my colleague helped me out. Firefox need the cell height minimum 3 em to show the vertical scroll bar.

Now my css looks like this:

.fixedSizeRows .rf-edt-c

{

height: 3em !important;

border-right:none !important;

border-bottom:none !important;

overflow-y: auto !important;

overflow-x: hidden !important;

word-wrap:break-word !important;

white-space:normal !important;

}

[michpetrov]

Sarath Krishnan wrote:

Hi Michal,

               Thanks for your reply,  Even I observed we can scroll the cell using mouse in Firefox but user want a vertical scroll bar inside the cell, there are lot many columns in the table so they do not want to increase the column width horizontally .

Well why not make the cells higher?