From 37db3a7f8663bf06dcdf8010a9e7285485e7f85e Mon Sep 17 00:00:00 2001
From: Eric Liu <ericyl.us@gmail.com>
Date: Sat, 19 Mar 2022 10:13:06 -0700
Subject: [PATCH] docs(data-table): explain how header keys work

---
 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 0e9dd6d9..9da963e0 100644
--- a/docs/src/pages/components/DataTable.svx
+++ b/docs/src/pages/components/DataTable.svx
@@ -22,6 +22,10 @@ components: ["DataTable", "Pagination","Toolbar", "ToolbarContent", "ToolbarSear
 
 ### Default
 
+The key value in `headers` corresponds to the key value defined in `rows`.
+
+For example, the header key `"name"` will use the value of `rows[index].name`.
+
 <DataTable
   headers="{[
     { key: "name", value: "Name" },