Skip to content

Instantly share code, notes, and snippets.

@carlosleonam

carlosleonam/koolreport_columns_align_when_print.md

Last active June 17, 2021 19:07
Show Gist options
  • Save carlosleonam/5172a9587a7d3872556f93434c8bf8ab to your computer and use it in GitHub Desktop.
Save carlosleonam/5172a9587a7d3872556f93434c8bf8ab to your computer and use it in GitHub Desktop.
Download ZIP
KoolReport Tip
Raw
koolreport_columns_align_when_print.md

KoolReport Print Columns Aligh

Only affects when use print option or Ctrl+P

<style>
    @media print{
       .noprint{
           display:none;
       }
       .dataTable {
         font-size: 24px;
       }
    }

    /* .dataTable tbody tr td:nth-child(1)  { text-align: right; } */
    /* .dataTable tbody tr td:nth-child(2)  { text-align: right; } */
    .dataTable tbody tr td:nth-child(3)  { text-align: right; }
    .dataTable tbody tr td:nth-child(4)  { text-align: right; }
    .dataTable tbody tr td:nth-child(5)  { text-align: right; }
    .dataTable tbody tr td:nth-child(6)  { text-align: right; }
    .dataTable tbody tr td:nth-child(7)  { text-align: right; }
    .dataTable tbody tr td:nth-child(8)  { text-align: right; }
    .dataTable tbody tr td:nth-child(9)  { text-align: right; }
    .dataTable tbody tr td:nth-child(10)  { text-align: right; }
    .dataTable tbody tr td:nth-child(11)  { text-align: right; }
    .dataTable tbody tr td:nth-child(12)  { text-align: right; }

    .dataTable tfoot tr td:nth-child(3)  { text-align: right; }
    .dataTable tfoot tr td:nth-child(4)  { text-align: right; }
    .dataTable tfoot tr td:nth-child(5)  { text-align: right; }
    .dataTable tfoot tr td:nth-child(6)  { text-align: right; }
    .dataTable tfoot tr td:nth-child(7)  { text-align: right; }
    .dataTable tfoot tr td:nth-child(8)  { text-align: right; }
    .dataTable tfoot tr td:nth-child(9)  { text-align: right; }
    .dataTable tfoot tr td:nth-child(10)  { text-align: right; }
    .dataTable tfoot tr td:nth-child(11)  { text-align: right; }
    .dataTable tfoot tr td:nth-child(12)  { text-align: right; }

    .dataTable thead tr td:nth-child(3)  { text-align: right; }
    .dataTable thead tr td:nth-child(4)  { text-align: right; }
    .dataTable thead tr td:nth-child(5)  { text-align: right; }
    .dataTable thead tr td:nth-child(6)  { text-align: right; }
    .dataTable thead tr td:nth-child(7)  { text-align: right; }
    .dataTable thead tr td:nth-child(8)  { text-align: right; }
    .dataTable thead tr td:nth-child(9)  { text-align: right; }
    .dataTable thead tr td:nth-child(10)  { text-align: right; }
    .dataTable thead tr td:nth-child(11)  { text-align: right; }
    .dataTable thead tr td:nth-child(12)  { text-align: right; }

</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment