{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "table-06",
  "title": "Sticky Header Table",
  "description": "A table with sticky header",
  "registryDependencies": [
    "table"
  ],
  "files": [
    {
      "path": "src/components/customized/table/table-06.tsx",
      "content": "import {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"@/registry/ui/table\";\n\nconst products = [\n  {\n    id: 101,\n    name: \"Wireless Headphones\",\n    category: \"Electronics\",\n    price: 59.99,\n    rating: 4.5,\n    stockQuantity: 120,\n    supplier: \"SoundTech Ltd\",\n    dateAdded: \"2024-01-15\",\n  },\n  {\n    id: 102,\n    name: \"Yoga Mat\",\n    category: \"Sports & Fitness\",\n    price: 25.0,\n    rating: 4.8,\n    stockQuantity: 200,\n    supplier: \"FitGear Inc\",\n    dateAdded: \"2024-01-20\",\n  },\n  {\n    id: 103,\n    name: \"Coffee Maker\",\n    category: \"Home Appliances\",\n    price: 80.0,\n    rating: 4.2,\n    stockQuantity: 80,\n    supplier: \"HomeBrew Supplies\",\n    dateAdded: \"2024-02-05\",\n  },\n  {\n    id: 104,\n    name: \"Running Shoes\",\n    category: \"Sportswear\",\n    price: 70.0,\n    rating: 4.6,\n    stockQuantity: 150,\n    supplier: \"RunWell Co.\",\n    dateAdded: \"2024-03-15\",\n  },\n  {\n    id: 105,\n    name: \"Smartwatch\",\n    category: \"Electronics\",\n    price: 120.0,\n    rating: 4.7,\n    stockQuantity: 60,\n    supplier: \"TechTime\",\n    dateAdded: \"2024-04-10\",\n  },\n  {\n    id: 106,\n    name: \"Gaming Mouse\",\n    category: \"Electronics\",\n    price: 45.0,\n    rating: 4.3,\n    stockQuantity: 95,\n    supplier: \"GamePro Gear\",\n    dateAdded: \"2024-04-22\",\n  },\n  {\n    id: 107,\n    name: \"Blender\",\n    category: \"Kitchen Appliances\",\n    price: 55.0,\n    rating: 4.4,\n    stockQuantity: 110,\n    supplier: \"KitchenEssentials\",\n    dateAdded: \"2024-05-05\",\n  },\n  {\n    id: 108,\n    name: \"Electric Kettle\",\n    category: \"Kitchen Appliances\",\n    price: 30.0,\n    rating: 4.1,\n    stockQuantity: 130,\n    supplier: \"HomeEssentials\",\n    dateAdded: \"2024-05-18\",\n  },\n  {\n    id: 109,\n    name: \"Office Chair\",\n    category: \"Furniture\",\n    price: 150.0,\n    rating: 4.6,\n    stockQuantity: 50,\n    supplier: \"FurniPro\",\n    dateAdded: \"2024-06-01\",\n  },\n  {\n    id: 110,\n    name: \"LED Desk Lamp\",\n    category: \"Lighting\",\n    price: 20.0,\n    rating: 4.5,\n    stockQuantity: 210,\n    supplier: \"BrightLight\",\n    dateAdded: \"2024-06-10\",\n  },\n];\n\nexport default function StickyHeaderTableDemo() {\n  return (\n    <div className=\"grid w-full [&>div]:max-h-[300px] [&>div]:rounded [&>div]:border\">\n      <Table>\n        <TableHeader>\n          <TableRow className=\"sticky top-0 bg-background *:whitespace-nowrap after:absolute after:inset-x-0 after:bottom-0 after:h-px after:bg-border after:content-['']\">\n            <TableHead className=\"pl-4\">ID</TableHead>\n            <TableHead>Product Name</TableHead>\n            <TableHead>Category</TableHead>\n            <TableHead>Price (USD)</TableHead>\n            <TableHead>Rating</TableHead>\n            <TableHead>Stock Quantity</TableHead>\n            <TableHead>Supplier</TableHead>\n            <TableHead>Date Added</TableHead>\n          </TableRow>\n        </TableHeader>\n        <TableBody className=\"overflow-hidden\">\n          {products.map((product) => (\n            <TableRow\n              className=\"*:whitespace-nowrap odd:bg-muted/50\"\n              key={product.id}\n            >\n              <TableCell className=\"pl-4\">{product.id}</TableCell>\n              <TableCell className=\"font-medium\">{product.name}</TableCell>\n              <TableCell>{product.category}</TableCell>\n              <TableCell>{product.price}</TableCell>\n              <TableCell>{product.rating}</TableCell>\n              <TableCell>{product.stockQuantity}</TableCell>\n              <TableCell>{product.supplier}</TableCell>\n              <TableCell>{product.dateAdded}</TableCell>\n            </TableRow>\n          ))}\n        </TableBody>\n      </Table>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:component"
}