feat(server): styling financial reports pdf

2026-02-17 21:30:31 +00:00 · 2024-02-19 21:41:15 +02:00
parent 3509026ad8
commit c06a8d9ca3
33 changed files with 210 additions and 56 deletions
--- a/packages/server/resources/scss/modules/financial-sheet.scss
+++ b/packages/server/resources/scss/modules/financial-sheet.scss
@@ -1,41 +1,57 @@
+@import "../base.scss";

-.sheet{}
+html,
+body {
+  font-size: 14px;
+}
+body{
+  font-weight: 400;
+  letter-spacing: 0;
+  line-height: 1.28581;
+  text-transform: none;
+  color: #000;
+  font-family: Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, Icons16, sans-serif;
+}
+.sheet{
+  padding: 20px;
+}
 .sheet__company-name{
  margin: 0;
-  font-size: 1.6rem;
+  font-size: 1.4rem;
 }
 .sheet__sheet-type {
  margin: 0
 }
 .sheet__sheet-date {
-  margin-top: 0.5rem;
+  margin-top: 0.35rem;
 }

 .sheet__header {
-    text-align: center;
-  margin-bottom: 2rem;
+  text-align: center;
+  margin-bottom: 1rem;
 }

 .sheet__table {
  border-top: 1px solid #000;
  table-layout: fixed;
-    border-spacing: 0;
-    text-align: left;
+  border-spacing: 0;
+  text-align: left;
+  font-size: inherit;
+  width: 100%;
 }

 .sheet__table thead th {
-    color: #000;
-    border-bottom: 1px solid #000000;
-    padding: 0.5rem;
+  color: #000;
+  border-bottom: 1px solid #000000;
+  padding: 0.5rem;
 }

 .sheet__table tbody td {
  border-bottom: 0;
-  padding-top: 0.32rem;
-  padding-bottom: 0.32rem;
+  padding-top: 0.28rem;
+  padding-bottom: 0.28rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #252A31;
-  border-bottom: 1px solid rgb(37, 42, 49);
-  
+  border-bottom: 1px solid transparent;
 }
--- a/packages/server/resources/views/modules/financial-sheet.pug
+++ b/packages/server/resources/views/modules/financial-sheet.pug
@@ -1,6 +1,9 @@
 block head
  style 
-    //- include ../../css/modules/financial-sheet.css
+    include ../../css/modules/financial-sheet.css
+
+style.
+  #{customCSS}

 block content 
  .sheet 
@@ -13,9 +16,9 @@ block content
      thead
        tr
          each column in table.columns
-            th= column.label
+            th(style=column.style)= column.label
      tbody
        each row in table.rows
-          tr
+          tr(class=row.classNames)
            each cell in row.cells 
              td!= cell.value
--- a/packages/server/scripts/gulpConfig.js
+++ b/packages/server/scripts/gulpConfig.js
@@ -66,12 +66,10 @@ module.exports = {
        // sourcemaps: true, // Allow to enable/disable sourcemaps or pass object to configure it.
        // minify: true, // Allow to enable/disable minify the source.
      },
-    //   {
-    //     src: './assets/sass/editor-style.scss',
-    //     dest: './assets/css',
-    //     sourcemaps: true,
-    //     minify: true,
-    //   },
+      {
+        src: `${RESOURCES_PATH}/scss/modules/financial-sheet.scss`,
+        dest: `${RESOURCES_PATH}/css/modules`,
+      },
    ],
    // RTL builds.
    rtl: [
@@ -114,7 +112,7 @@ module.exports = {
    // SASS Configuration for all builds.
    sass: {
      errLogToConsole: true,
-    //   outputStyle: 'compact',
+      //   outputStyle: 'compact',
    },

    // CSS MQ Packer configuration for all builds and style tasks.
--- a/packages/server/src/services/FinancialStatements/AgingSummary/APAgingSummaryPdfInjectable.ts
+++ b/packages/server/src/services/FinancialStatements/AgingSummary/APAgingSummaryPdfInjectable.ts
@@ -2,6 +2,7 @@ import { Inject, Service } from 'typedi';
 import { IAPAgingSummaryQuery } from '@/interfaces';
 import { TableSheetPdf } from '../TableSheetPdf';
 import { APAgingSummaryTableInjectable } from './APAgingSummaryTableInjectable';
+import { HtmlTableCss } from './_constants';

@Service()
 export class APAgingSummaryPdfInjectable {
@@ -27,7 +28,8 @@ export class APAgingSummaryPdfInjectable {
      tenantId,
      table.table,
      table.meta.sheetName,
-      table.meta.formattedAsDate
+      table.meta.formattedAsDate,
+      HtmlTableCss
    );
  }
 }
--- a/packages/server/src/services/FinancialStatements/AgingSummary/ARAgingSummaryPdfInjectable.ts
+++ b/packages/server/src/services/FinancialStatements/AgingSummary/ARAgingSummaryPdfInjectable.ts
@@ -2,6 +2,7 @@ import { Inject, Service } from 'typedi';
 import { IARAgingSummaryQuery } from '@/interfaces';
 import { TableSheetPdf } from '../TableSheetPdf';
 import { ARAgingSummaryTableInjectable } from './ARAgingSummaryTableInjectable';
+import { HtmlTableCss } from './_constants';

@Service()
 export class ARAgingSummaryPdfInjectable {
@@ -27,7 +28,8 @@ export class ARAgingSummaryPdfInjectable {
      tenantId,
      table.table,
      table.meta.sheetName,
-      table.meta.formattedDateRange
+      table.meta.formattedDateRange,
+      HtmlTableCss
    );
  }
 }
--- a/packages/server/src/services/FinancialStatements/AgingSummary/_constants.ts
+++ b/packages/server/src/services/FinancialStatements/AgingSummary/_constants.ts
@@ -2,3 +2,11 @@ export enum AgingSummaryRowType {
  Contact = 'contact',
  Total = 'total',
 }
+
+export const HtmlTableCss = `
+table tr.row-type--total td{
+  font-weight: 500;
+  border-top: 1px solid #bbb;
+  border-bottom: 3px double #333;
+}
+`;
--- a/packages/server/src/services/FinancialStatements/BalanceSheet/BalanceSheetPdfInjectable.ts
+++ b/packages/server/src/services/FinancialStatements/BalanceSheet/BalanceSheetPdfInjectable.ts
@@ -2,6 +2,7 @@ import { Inject, Service } from 'typedi';
 import { IBalanceSheetQuery } from '@/interfaces';
 import { BalanceSheetTableInjectable } from './BalanceSheetTableInjectable';
 import { TableSheetPdf } from '../TableSheetPdf';
+import { HtmlTableCustomCss } from './constants';

@Service()
 export class BalanceSheetPdfInjectable {
@@ -27,7 +28,8 @@ export class BalanceSheetPdfInjectable {
      tenantId,
      table.table,
      table.meta.sheetName,
-      table.meta.formattedDateRange
+      table.meta.formattedDateRange,
+      HtmlTableCustomCss
    );
  }
 }
--- a/packages/server/src/services/FinancialStatements/BalanceSheet/constants.ts
+++ b/packages/server/src/services/FinancialStatements/BalanceSheet/constants.ts
@@ -12,3 +12,15 @@ export enum IROW_TYPE {
  NET_INCOME = 'NET_INCOME',
  TOTAL = 'TOTAL',
 }
+
+export const HtmlTableCustomCss = `
+table tr.row-type--total td {
+  font-weight: 600;
+  border-top: 1px solid #bbb;
+  color: #000;  
+}
+table tr.row-type--total.row-id--assets td,
+table tr.row-type--total.row-id--liability-equity td {
+  border-bottom: 3px double #000;
+}
+`;
--- a/packages/server/src/services/FinancialStatements/CashFlow/CashflowTablePdfInjectable.ts
+++ b/packages/server/src/services/FinancialStatements/CashFlow/CashflowTablePdfInjectable.ts
@@ -2,6 +2,7 @@ import { Inject } from 'typedi';
 import { CashflowTableInjectable } from './CashflowTableInjectable';
 import { TableSheetPdf } from '../TableSheetPdf';
 import { ICashFlowStatementQuery } from '@/interfaces';
+import { HtmlTableCustomCss } from './constants';

 export class CashflowTablePdfInjectable {
  @Inject()
@@ -21,13 +22,13 @@ export class CashflowTablePdfInjectable {
    query: ICashFlowStatementQuery
  ): Promise<Buffer> {
    const table = await this.cashflowTable.table(tenantId, query);
-    const sheetName = 'Cashflow Sheet';

    return this.tableSheetPdf.convertToPdf(
      tenantId,
      table.table,
-      sheetName,
-      table.meta.formattedDateRange
+      table.meta.sheetName,
+      table.meta.formattedDateRange,
+      HtmlTableCustomCss
    );
  }
 }
--- a/packages/server/src/services/FinancialStatements/CashFlow/constants.ts
+++ b/packages/server/src/services/FinancialStatements/CashFlow/constants.ts
@@ -1,8 +1,22 @@
-
-
 export const DISPLAY_COLUMNS_BY = {
  DATE_PERIODS: 'date_periods',
  TOTAL: 'total',
 };

-export const MAP_CONFIG = { childrenPath: 'children', pathFormat: 'array' };
+export const MAP_CONFIG = { childrenPath: 'children', pathFormat: 'array' };
+export const HtmlTableCustomCss = `
+table tr.row-type--accounts td {
+  border-top: 1px solid #bbb;
+}
+table tr.row-id--cash-end-period {
+  border-bottom: 3px double #333;
+}
+table tr.row-type--total {
+  font-weight: 600;
+}
+table tr.row-type--total td { 
+  color: #000;
+}
+table tr.row-type--total:not(:first-child) td {
+  border-top: 1px solid #bbb;
+}`;
--- a/packages/server/src/services/FinancialStatements/CustomerBalanceSummary/CustomerBalanceSummaryPdf.ts
+++ b/packages/server/src/services/FinancialStatements/CustomerBalanceSummary/CustomerBalanceSummaryPdf.ts
@@ -3,6 +3,7 @@ import { ICustomerBalanceSummaryQuery } from '@/interfaces';

 import { TableSheetPdf } from '../TableSheetPdf';
 import { CustomerBalanceSummaryTableInjectable } from './CustomerBalanceSummaryTableInjectable';
+import { HtmlTableCustomCss } from './constants';

@Service()
 export class CustomerBalanceSummaryPdf {
@@ -28,7 +29,8 @@ export class CustomerBalanceSummaryPdf {
      tenantId,
      table.table,
      table.meta.sheetName,
-      table.meta.formattedDateRange
+      table.meta.formattedDateRange,
+      HtmlTableCustomCss
    );
  }
 }
--- a/packages/server/src/services/FinancialStatements/CustomerBalanceSummary/constants.ts
+++ b/packages/server/src/services/FinancialStatements/CustomerBalanceSummary/constants.ts
@@ -0,0 +1,6 @@
+export const HtmlTableCustomCss = `
+table tr.row-type--total td {
+  font-weight: 600;
+  border-top: 1px solid #bbb;
+  border-bottom: 3px double #333;
+}`;
--- a/packages/server/src/services/FinancialStatements/GeneralLedger/GeneralLedgerPdf.ts
+++ b/packages/server/src/services/FinancialStatements/GeneralLedger/GeneralLedgerPdf.ts
@@ -2,6 +2,7 @@ import { Inject, Service } from 'typedi';
 import { TableSheetPdf } from '../TableSheetPdf';
 import { GeneralLedgerTableInjectable } from './GeneralLedgerTableInjectable';
 import { IGeneralLedgerSheetQuery } from '@/interfaces';
+import { HtmlTableCustomCss } from './constants';

@Service()
 export class GeneralLedgerPdf {
@@ -27,7 +28,8 @@ export class GeneralLedgerPdf {
      tenantId,
      table.table,
      table.meta.sheetName,
-      table.meta.formattedDateRange
+      table.meta.formattedDateRange,
+      HtmlTableCustomCss
    );
  }
 }
--- a/packages/server/src/services/FinancialStatements/GeneralLedger/constants.ts
+++ b/packages/server/src/services/FinancialStatements/GeneralLedger/constants.ts
@@ -0,0 +1,13 @@
+export const HtmlTableCustomCss = `
+table tr:last-child td {
+  border-bottom: 1px solid #ececec;
+}
+table tr.row-type--account td,
+table tr.row-type--opening-balance td,
+table tr.row-type--closing-balance td{
+  font-weight: 600;
+}
+table tr.row-type--closing-balance td {
+  border-bottom: 1px solid #ececec; 
+}
+`;
--- a/packages/server/src/services/FinancialStatements/InventoryDetails/InventoryDetailsTablePdf.ts
+++ b/packages/server/src/services/FinancialStatements/InventoryDetails/InventoryDetailsTablePdf.ts
@@ -2,6 +2,7 @@ import { Inject, Service } from 'typedi';
 import { InventoryDetailsTableInjectable } from './InventoryDetailsTableInjectable';
 import { TableSheetPdf } from '../TableSheetPdf';
 import { IInventoryDetailsQuery } from '@/interfaces';
+import { HtmlTableCustomCss } from './constant';

@Service()
 export class InventoryDetailsTablePdf {
@@ -27,7 +28,8 @@ export class InventoryDetailsTablePdf {
      tenantId,
      table.table,
      table.meta.sheetName,
-      table.meta.formattedDateRange
+      table.meta.formattedDateRange,
+      HtmlTableCustomCss
    );
  }
 }
--- a/packages/server/src/services/FinancialStatements/InventoryDetails/constant.ts
+++ b/packages/server/src/services/FinancialStatements/InventoryDetails/constant.ts
@@ -0,0 +1,7 @@
+export const HtmlTableCustomCss = `
+table tr.row-type--item td, 
+table tr.row-type--opening-entry td,
+table tr.row-type--closing-entry td{
+  font-weight: 500;
+}
+`;
--- a/packages/server/src/services/FinancialStatements/InventoryValuationSheet/InventoryValuationSheetPdf.ts
+++ b/packages/server/src/services/FinancialStatements/InventoryValuationSheet/InventoryValuationSheetPdf.ts
@@ -2,6 +2,7 @@ import { Inject, Service } from "typedi";
 import { InventoryValuationSheetTableInjectable } from "./InventoryValuationSheetTableInjectable";
 import { TableSheetPdf } from "../TableSheetPdf";
 import { IInventoryValuationReportQuery } from "@/interfaces";
+import { HtmlTableCustomCss } from "./_constants";


@Service()
@@ -28,7 +29,8 @@ export class InventoryValuationSheetPdf {
      tenantId,
      table.table,
      table.meta.sheetName,
-      table.meta.formattedDateRange
+      table.meta.formattedDateRange,
+      HtmlTableCustomCss
    );
  } 
 }
--- a/packages/server/src/services/FinancialStatements/InventoryValuationSheet/_constants.ts
+++ b/packages/server/src/services/FinancialStatements/InventoryValuationSheet/_constants.ts
@@ -2,3 +2,11 @@ export enum ROW_TYPE {
  ITEM = 'ITEM',
  TOTAL = 'TOTAL',
 }
+
+export const HtmlTableCustomCss = `
+table tr.row-type--total td {
+  border-top: 1px solid #bbb;
+  font-weight: 600;
+  border-bottom: 3px double #000;
+}
+`;
--- a/packages/server/src/services/FinancialStatements/JournalSheet/JournalSheetPdfInjectable.ts
+++ b/packages/server/src/services/FinancialStatements/JournalSheet/JournalSheetPdfInjectable.ts
@@ -2,6 +2,7 @@ import { IJournalReportQuery } from '@/interfaces';
 import { TableSheetPdf } from '../TableSheetPdf';
 import { JournalSheetTableInjectable } from './JournalSheetTableInjectable';
 import { Inject, Service } from 'typedi';
+import { HtmlTableCustomCss } from './constant';

@Service()
 export class JournalSheetPdfInjectable {
@@ -27,7 +28,8 @@ export class JournalSheetPdfInjectable {
      tenantId,
      table.table,
      table.meta.sheetName,
-      table.meta.formattedDateRange
+      table.meta.formattedDateRange,
+      HtmlTableCustomCss
    );
  }
 }
--- a/packages/server/src/services/FinancialStatements/JournalSheet/constant.ts
+++ b/packages/server/src/services/FinancialStatements/JournalSheet/constant.ts
@@ -0,0 +1,10 @@
+export const HtmlTableCustomCss = `
+table tr.row-type--total td{
+  font-weight: 600;
+}
+table tr td:not(:first-child) {
+  border-left: 1px solid #ececec;
+}
+table tr:last-child td {
+  border-bottom: 1px solid #ececec; 
+}`;
--- a/packages/server/src/services/FinancialStatements/ProfitLossSheet/ProfitLossTablePdfInjectable.ts
+++ b/packages/server/src/services/FinancialStatements/ProfitLossSheet/ProfitLossTablePdfInjectable.ts
@@ -2,6 +2,7 @@ import { Inject, Service } from 'typedi';
 import { IProfitLossSheetQuery } from '@/interfaces';
 import { ProfitLossSheetTableInjectable } from './ProfitLossSheetTableInjectable';
 import { TableSheetPdf } from '../TableSheetPdf';
+import { HtmlTableCustomCss } from './constants';

@Service()
 export class ProfitLossTablePdfInjectable {
@@ -27,7 +28,8 @@ export class ProfitLossTablePdfInjectable {
      tenantId,
      table.table,
      table.meta.sheetName,
-      table.meta.formattedDateRange
+      table.meta.formattedDateRange,
+      HtmlTableCustomCss
    );
  }
 }
--- a/packages/server/src/services/FinancialStatements/ProfitLossSheet/constants.ts
+++ b/packages/server/src/services/FinancialStatements/ProfitLossSheet/constants.ts
@@ -18,4 +18,12 @@ export const TOTAL_NODE_TYPES = [
  ProfitLossNodeType.ACCOUNTS,
  ProfitLossNodeType.AGGREGATE,
  ProfitLossNodeType.EQUATION
-];
+];
+
+export const HtmlTableCustomCss =`
+table tr.row-type--total td {
+  font-weight: 600;
+  border-top: 1px solid #bbb;
+  color: #000;
+}
+`;
--- a/packages/server/src/services/FinancialStatements/PurchasesByItems/PurchasesByItemsPdf.ts
+++ b/packages/server/src/services/FinancialStatements/PurchasesByItems/PurchasesByItemsPdf.ts
@@ -2,6 +2,7 @@ import { Inject, Service } from 'typedi';
 import { TableSheetPdf } from '../TableSheetPdf';
 import { PurchasesByItemsTableInjectable } from './PurchasesByItemsTableInjectable';
 import { IPurchasesByItemsReportQuery } from '@/interfaces/PurchasesByItemsSheet';
+import { HtmlTableCustomCss } from './_types';

@Service()
 export class PurchasesByItemsPdf {
@@ -27,7 +28,8 @@ export class PurchasesByItemsPdf {
      tenantId,
      table.table,
      table.meta.sheetName,
-      table.meta.formattedDateRange
+      table.meta.formattedDateRange,
+      HtmlTableCustomCss
    );
  }
 }
--- a/packages/server/src/services/FinancialStatements/PurchasesByItems/_types.ts
+++ b/packages/server/src/services/FinancialStatements/PurchasesByItems/_types.ts
@@ -2,4 +2,12 @@
 export enum ROW_TYPE {
  TOTAL = 'TOTAL',
  ITEM = 'ITEM'
-}
+}
+
+export const HtmlTableCustomCss = `
+table tr.row-type--total td {
+  border-top: 1px solid #bbb;
+  border-bottom: 3px double #000;
+  font-weight: 600;
+}
+`;
--- a/packages/server/src/services/FinancialStatements/SalesByItems/SalesByItemsPdfInjectable.ts
+++ b/packages/server/src/services/FinancialStatements/SalesByItems/SalesByItemsPdfInjectable.ts
@@ -2,6 +2,7 @@ import { Inject, Service } from 'typedi';
 import { ISalesByItemsReportQuery } from '@/interfaces';
 import { SalesByItemsTableInjectable } from './SalesByItemsTableInjectable';
 import { TableSheetPdf } from '../TableSheetPdf';
+import { HtmlTableCustomCss } from './constants';

@Service()
 export class SalesByItemsPdfInjectable {
@@ -27,7 +28,8 @@ export class SalesByItemsPdfInjectable {
      tenantId,
      table.table,
      table.meta.sheetName,
-      table.meta.formattedDateRange
+      table.meta.formattedDateRange,
+      HtmlTableCustomCss
    );
  }
 }
--- a/packages/server/src/services/FinancialStatements/SalesByItems/constants.ts
+++ b/packages/server/src/services/FinancialStatements/SalesByItems/constants.ts
@@ -1,6 +1,12 @@
-
-
 export enum ROW_TYPE {
  ITEM = 'ITEM',
  TOTAL = 'TOTAL',
-}
+}
+
+export const HtmlTableCustomCss = `
+table tr.row-type--total td {
+  border-top: 1px solid #bbb;
+  border-bottom: 3px double #000;
+  font-weight: 600;
+}
+`;
--- a/packages/server/src/services/FinancialStatements/TrialBalanceSheet/TrialBalanceSheetPdfInjectsable.ts
+++ b/packages/server/src/services/FinancialStatements/TrialBalanceSheet/TrialBalanceSheetPdfInjectsable.ts
@@ -2,6 +2,7 @@ import { Inject, Service } from 'typedi';
 import { ITrialBalanceSheetQuery } from '@/interfaces';
 import { TableSheetPdf } from '../TableSheetPdf';
 import { TrialBalanceSheetTableInjectable } from './TrialBalanceSheetTableInjectable';
+import { HtmlTableCustomCss } from './_constants';

@Service()
 export class TrialBalanceSheetPdfInjectable {
@@ -27,7 +28,8 @@ export class TrialBalanceSheetPdfInjectable {
      tenantId,
      table.table,
      table.meta.sheetName,
-      table.meta.formattedDateRange
+      table.meta.formattedDateRange,
+      HtmlTableCustomCss
    );
  }
 }
--- a/packages/server/src/services/FinancialStatements/TrialBalanceSheet/TrialBalanceSheetTable.ts
+++ b/packages/server/src/services/FinancialStatements/TrialBalanceSheet/TrialBalanceSheetTable.ts
@@ -2,7 +2,6 @@ import * as R from 'ramda';
 import FinancialSheet from '../FinancialSheet';
 import { FinancialTable } from '../FinancialTable';
 import {
-  IBalanceSheetStatementData,
  ITableColumn,
  ITableColumnAccessor,
  ITableRow,
--- a/packages/server/src/services/FinancialStatements/TrialBalanceSheet/_constants.ts
+++ b/packages/server/src/services/FinancialStatements/TrialBalanceSheet/_constants.ts
@@ -1,5 +1,12 @@
-
 export enum IROW_TYPE {
  ACCOUNT = 'ACCOUNT',
  TOTAL = 'TOTAL',
-}
+}
+
+export const HtmlTableCustomCss = `
+table tr.row-type--total td{
+  border-top: 1px solid #bbb;
+  font-weight: 500;
+  border-bottom: 3px double #000;
+}
+`;
--- a/packages/server/src/services/FinancialStatements/VendorBalanceSummary/VendorBalanceSummary.ts
+++ b/packages/server/src/services/FinancialStatements/VendorBalanceSummary/VendorBalanceSummary.ts
@@ -41,7 +41,7 @@ export class VendorBalanceSummaryReport extends ContactBalanceSummaryReport {

  /**
   * Customer section mapper.
-   * @param   {IVendor} vendor
+   * @param {IVendor} vendor
   * @returns {IVendorBalanceSummaryVendor}
   */
  private vendorMapper = (vendor: IVendor): IVendorBalanceSummaryVendor => {
@@ -58,7 +58,7 @@ export class VendorBalanceSummaryReport extends ContactBalanceSummaryReport {

  /**
   * Mappes the vendor model object to vendor balance summary section.
-   * @param   {IVendor[]} vendors - Customers.
+   * @param {IVendor[]} vendors - Customers.
   * @returns {IVendorBalanceSummaryVendor[]}
   */
  private vendorsMapper = (
@@ -77,7 +77,7 @@ export class VendorBalanceSummaryReport extends ContactBalanceSummaryReport {

  /**
   * Retrieve the vendors sections of the report.
-   * @param   {IVendor} vendors
+   * @param {IVendor} vendors
   * @returns {IVendorBalanceSummaryVendor[]}
   */
  private getVendorsSection(vendors: IVendor[]): IVendorBalanceSummaryVendor[] {
--- a/packages/server/src/services/FinancialStatements/VendorBalanceSummary/VendorBalanceSummaryApplication.ts
+++ b/packages/server/src/services/FinancialStatements/VendorBalanceSummary/VendorBalanceSummaryApplication.ts
@@ -72,6 +72,5 @@ export class VendorBalanceSummaryApplication {
   */
  public pdf(tenantId: number, query: IVendorBalanceSummaryQuery) {
    return this.vendorBalanceSummaryPdf.pdf(tenantId, query);
-    
  }
 }
--- a/packages/server/src/services/FinancialStatements/VendorBalanceSummary/VendorBalanceSummaryPdf.ts
+++ b/packages/server/src/services/FinancialStatements/VendorBalanceSummary/VendorBalanceSummaryPdf.ts
@@ -2,6 +2,7 @@ import { Inject, Service } from 'typedi';
 import { IVendorBalanceSummaryQuery } from '@/interfaces';
 import { TableSheetPdf } from '../TableSheetPdf';
 import { VendorBalanceSummaryTableInjectable } from './VendorBalanceSummaryTableInjectable';
+import { HtmlTableCustomCss } from './constants';

@Service()
 export class VendorBalanceSummaryPdf {
@@ -22,13 +23,13 @@ export class VendorBalanceSummaryPdf {
    query: IVendorBalanceSummaryQuery
  ): Promise<Buffer> {
    const table = await this.vendorBalanceSummaryTable.table(tenantId, query);
-    

    return this.tableSheetPdf.convertToPdf(
      tenantId,
      table.table,
      table.meta.sheetName,
-      table.meta.formattedAsDate
+      table.meta.formattedAsDate,
+      HtmlTableCustomCss
    );
  }
 }
--- a/packages/server/src/services/FinancialStatements/VendorBalanceSummary/constants.ts
+++ b/packages/server/src/services/FinancialStatements/VendorBalanceSummary/constants.ts
@@ -0,0 +1,6 @@
+export const HtmlTableCustomCss = `
+table tr.row-type--total td {
+  font-weight: 600;
+  border-top: 1px solid #bbb;
+  border-bottom: 3px double #333;
+}`;