3 Replies Latest reply: Feb 16, 2012 12:16 AM by Kiran Pawar RSS

    interactive report showing vertical grid lines

    efultz
      Has anyone adjusted an interactive report so that it shows the vertical grid lines? I see the horizontal lines by default but I am thinking the vertical lines will make my data easier to read. Just can't figure how to do that.
        • 1. Re: interactive report showing vertical grid lines
          Jeff E
          Quick and dirty way is to add css to the interactive report region header.
          <style>
          table.apexir_WORKSHEET_DATA th {
                  border-left:1px #000 solid;
                  border-right:1px #000 solid;
          }
          table.apexir_WORKSHEET_DATA td {
                  border-left:1px #000 solid;
                  border-right:1px #000 solid;
          }
          </style>
          • 2. Re: interactive report showing vertical grid lines
            pkpanda
            If u r using 4.1 then in apex.oracle.com has a new themes called cloudy and it automatically dose it. you can try that.
            • 3. Re: interactive report showing vertical grid lines
              Kiran Pawar
              Hello Edward,

              @Jeff Eberhard has a good solution for showing vertical grid lines.

              Here is the solution for whole grid for interactive report to be included in the Region Header/Region Footer/Page HTML Header:
              <style>
              table.apexir_WORKSHEET_DATA {
                      border-width: 2px;
                   border-spacing: 0px;
                   border-style: solid;
                   border-color: black;
                   border-collapse: collapse;
              }
              
              table.apexir_WORKSHEET_DATA th {
                      border-width: 1px;
                   padding: 4px;
                   border-style: solid;
                   border-color: black;
              }
              table.apexir_WORKSHEET_DATA td {
                      border-width: 1px;
                   padding: 4px;
                   border-style: solid;
                   border-color: black;
              }
              </style>
              Hope it helps!
              Regards,
              Kiran