Skip to Content

Disable/Hide scroll bar of scroll container on fullscreen button of chart container

Dear Experts,

I am using a chart container in which I have used a table which is inside scroll container to fix the header of the table. I have set the height of scroll container to 40em, which is working fine but now the requirement is changed a little bit that when on fullscreen of the chart container( i.e. table) should not have scroll bar i.e. only page scroll should be there ( browser's scroll) not the table scroll.

I tried to change the height of scroll container on full screen of chart container to 100% but it changes initially also.

I want like on normal screen height should be 40em and on full screen it should be like auto/100%.

that = this;
var oChartContainer = this.getView().byId("idChartContainer");
oChartContainer._oFullScreenButton.addEventDelegate({
"onAfterRendering": function() {
var oScrollCont = that.getView().byId("mainTable");
oScrollCont.setHeight("100%");

By adding above code in onInit(), it solves the fullscreen problem but now my initial screen table doesn't have scrollbar. i.e. table is not scroll able anymore.

Please help as it really urgent requirement and I am not finding any solution.

Thanks,

Best Regards,

Raina

Add comment
10|10000 characters needed characters exceeded

  • Follow
  • Get RSS Feed

0 Answers