diff --git a/src/containers/FinancialStatements/BalanceSheet/utils.js b/src/containers/FinancialStatements/BalanceSheet/utils.js index afc18d89b..b75d5f621 100644 --- a/src/containers/FinancialStatements/BalanceSheet/utils.js +++ b/src/containers/FinancialStatements/BalanceSheet/utils.js @@ -63,6 +63,7 @@ const accountNameMapper = R.curry((data, column) => { className: column.key, textOverview: true, width: Math.max(width, 300), + sticky: Align.Left, }; }); diff --git a/src/containers/FinancialStatements/ProfitLossSheet/utils.js b/src/containers/FinancialStatements/ProfitLossSheet/utils.js index 16acd2735..2426e45ab 100644 --- a/src/containers/FinancialStatements/ProfitLossSheet/utils.js +++ b/src/containers/FinancialStatements/ProfitLossSheet/utils.js @@ -306,6 +306,7 @@ const accountNameColumn = R.curry((data, column) => { className: column.key, textOverview: true, width: Math.max(width, 300), + sticky: Align.Left, }; }); diff --git a/src/style/components/DataTable/DataTable.scss b/src/style/components/DataTable/DataTable.scss index 5659c52c1..aabd7df18 100644 --- a/src/style/components/DataTable/DataTable.scss +++ b/src/style/components/DataTable/DataTable.scss @@ -353,11 +353,11 @@ } [data-sticky-last-left-td] { - // box-shadow: 2px 0px 3px #ccc; + } [data-sticky-first-right-td] { - // box-shadow: -2px 0px 3px #ccc; + } } @@ -390,7 +390,7 @@ } .tbody .tr .td { - background: transparent; + background: #fff; padding: 0.5rem 0.5rem; border-bottom: 0; }