I have table with many headers and due to this page looks horizontally scrolling and below is screenshot:

Can see page became horizontally scroll and I don’t want it and I want headers to be rotate verically on left side of the page.

I have applied some css class like:

      transform: rotate(45deg);
      transform: rotate(180deg);

I am not expert in CSS thing any help would be appreciated!