How to Expand Reporting Table to Full Browser Width (Full Screen)

Purpose

By default, Reporting tables do not expand to the full width of the browser.  We can apply a CSS style which only adjusts the width of Reporting tables, while regular Confluence tables remain the same. 

Answer

1. Go to Space Tools > Look and Feel > StyleSheet

2. Apply the following CSS

   .aTable {
     border: 1px solid #ccc;
     border-collapse: collapse;
     width: 100%;
     table-layout: fixed;
   }
   
   .aTable tr:nth-child(even)
   {background-color: #f2f2f2}
   
   .aTable tr:nth-child(odd)
   {background-color: white}

3. Go to the report-table macro and apply the CSS class (in this scenario, the CSS class is aTable 

   1. 

4. Save the settings and then Publish the page