From 492b45b46c1739670e7e98b0574ea8f3b3e39f1b Mon Sep 17 00:00:00 2001
From: nadijagraca <108531476+nadijagraca@users.noreply.github.com>
Date: Wed, 15 May 2024 10:24:29 +0200
Subject: [PATCH] [Docs]Add AG Grid customisation explanation (#471)

---
 ...usic_graca_vizro_core_aggrid_custom_css.md | 48 +++++++++++++++++++
 vizro-core/docs/pages/user-guides/table.md    |  2 +-
 2 files changed, 49 insertions(+), 1 deletion(-)
 create mode 100644 vizro-core/changelog.d/20240510_152923_nadija_ratkusic_graca_vizro_core_aggrid_custom_css.md

diff --git a/vizro-core/changelog.d/20240510_152923_nadija_ratkusic_graca_vizro_core_aggrid_custom_css.md b/vizro-core/changelog.d/20240510_152923_nadija_ratkusic_graca_vizro_core_aggrid_custom_css.md
new file mode 100644
index 000000000..f1f65e73c
--- /dev/null
+++ b/vizro-core/changelog.d/20240510_152923_nadija_ratkusic_graca_vizro_core_aggrid_custom_css.md
@@ -0,0 +1,48 @@
+<!--
+A new scriv changelog fragment.
+
+Uncomment the section that is right (remove the HTML comment wrapper).
+-->
+
+<!--
+### Highlights ✨
+
+- A bullet item for the Highlights ✨ category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Removed
+
+- A bullet item for the Removed category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Added
+
+- A bullet item for the Added category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Changed
+
+- A bullet item for the Changed category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Deprecated
+
+- A bullet item for the Deprecated category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Fixed
+
+- A bullet item for the Fixed category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
+<!--
+### Security
+
+- A bullet item for the Security category with a link to the relevant PR at the end of your entry, e.g. Enable feature XXX ([#1](https://github.com/mckinsey/vizro/pull/1))
+
+-->
diff --git a/vizro-core/docs/pages/user-guides/table.md b/vizro-core/docs/pages/user-guides/table.md
index b8cc00a8c..122305743 100755
--- a/vizro-core/docs/pages/user-guides/table.md
+++ b/vizro-core/docs/pages/user-guides/table.md
@@ -176,7 +176,7 @@ to format displayed strings automatically.
 
 As mentioned above, all [parameters of the Dash AG Grid](https://dash.plotly.com/dash-ag-grid/reference) can be entered as keyword arguments. Below you can find
 an example of a styled AG Grid where some conditional formatting is applied, and where the columns are editable, but not filterable or resizable.
-There are many more ways to alter the grid beyond this showcase.
+There are more ways to alter the grid beyond this showcase. AG Grid, like any other Vizro component, can be customized using custom CSS. You can find information in the [guide to overwriting CSS properties](./assets.md#Overwrite CSS properties in selective components).
 
 ??? example "Styled and modified Dash AG Grid"