From d25ef7aa0280a67545ee1469ab90bfa5f7064dd7 Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Mon, 16 May 2022 18:26:31 -0700
Subject: [PATCH] docs(data-table): add note that custom widths do not work
 with `stickyHeader`

#1303
---
 docs/src/pages/components/DataTable.svx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docs/src/pages/components/DataTable.svx b/docs/src/pages/components/DataTable.svx
index f3a933e4..52714f80 100644
--- a/docs/src/pages/components/DataTable.svx
+++ b/docs/src/pages/components/DataTable.svx
@@ -334,6 +334,10 @@ Specify a `width` or `minWidth` property in the `headers` object to customize th
 
 A [table-layout: fixed](https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout#values) rule will be applied to the `table` element when using custom widths.
 
+<InlineNotification svx-ignore lowContrast kind="warning" title="Note:" hideCloseButton>
+  <div class="body-short-01">Custom column widths do not work with a <a class="bx--link" href="#sticky-header">sticky header</a>.</div>
+</InlineNotification>
+
 <FileSource src="/framed/DataTable/DataTableHeaderWidth" />
 
 ### Sticky header