Readonly table with black font

Questions
1

I need to display a readonly table and I need it to have a black font, to not confuse my users with grey one.
I use $(".ht_master tr td").css(‘color’, ‘black’); in my example.
It works fine until I start scrolling. When I scroll it returns to grey.
I tried to add:
$(".ht_master").scroll(function(evt){
$(".ht_master tr td").css(‘color’, ‘black’);
});
But anyway it fades to gray.

2

Hi @arseniyalexandrovich

maybe you’ll find the editor: false more comfortable? The readOnly cells are written in the htDimmed class, you would need to overwrite its settings.

3

Thanks for answering. I have tried editor: false, bit it not prevent editting table by user http://jsfiddle.net/ArseniyBykov/fa70b2t3/4/
I also tried $(".htDimmed").css('color', 'black'); $(".htDimmed").scroll(function(evt){ $(".htDimmed").css('color', 'black'); }); with readOnly: false. This still fade table to gray during scrolling: http://jsfiddle.net/ArseniyBykov/42Lm20ab/

4

Hi @arseniyalexandrovich

.handsontable .htDimmed {
  color: #000;
}

should do the job. If the table will still change the color after scrolling please share your OS/Browser and environment settings as I am not able to replicate the same behavior.

5

I have checked it in chrome via jsfiddle- it works. But when i tried to do it in chrome with NetBeans IDE, it fade to gray again. I think it should be NetBeans’ bug now. My os is Ubuntu16.
UPD: Fix it by roundabout:
$(".wtHolder").scroll(function(){
$(".handsontable").find(".htDimmed").css(‘color’, ‘#000’);
});

6

We have tried in on Mac, Windows and Debian and couldn’t replicate the issue.