Improve redraw performance

It’s noticeable when clicking from row to row in the spreadsheet that
the page jumps around a fair bit on load because there are a couple of
Javascript-powered components.

This commit makes sure:
- the radio select component doesn’t change height when rendering for
  the first time
- the scrollable table doesn’t show parts of the table that should be
  hidden by overflow for a fraction of second before all the JS has
  run
- the right-hand shadow on horizontally scrollable tables doesn’t fade
  in on initial page load but shows at 100% opacity immediately

app/assets/javascripts/fullscreenTable.js

@@ -52,7 +52,8 @@
             'height': this.nativeHeight,
             'top': this.topOffset
           })
-        );
+        )
+        .css('position', 'absolute');
 
       this.$scrollableTable = this.$component.find('.fullscreen-scrollable-table');
       this.$fixedTable = this.$component.find('.fullscreen-fixed-table');
@@ -100,6 +101,11 @@
           this.$scrollableTable.scrollLeft() < (this.$table.width() - this.$scrollableTable.width())
         );
 
+      setTimeout(
+        () => this.$component.find('.fullscreen-right-shadow').addClass('with-transition'),
+        3000
+      );
+
     };
 
   };