---
title: Segmentation Table
---
# SegmentationTable Migration Guide
This guide will help you migrate your code to use the refactored SegmentationTable component.
## Key Changes
* **Context System Refactoring**: The context system has been completely redesigned with dedicated providers for different aspects of the segmentation UI
* **Compound Component Pattern**: Components now follow a more structured compound component pattern with clearer parent-child relationships
* **Header Components Changed**: The `SegmentationTable.SelectorHeader` has been replaced with specialized header components
* **New Features**: Added segment statistics, hover cards, and better customization options
* **Better Customization**: Added support for custom dropdown menus and segment statistics headers
## Migration Steps
### 1. Migrate from SelectorHeader to New Header Components
The `SegmentationTable.SelectorHeader` has been removed. Use the new Collapsed pattern instead:
```diff
-
-
-
+
+
+
+
+
+
+
+
+
+ {/* Content here */}
+
+
```
### 2. Update Component Hierarchy for Expanded View
The expanded view structure has also changed:
```diff
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
```
### 3. Using the New Segment Statistics Component
The new `SegmentStatistics` component provides a way to display segment statistics:
```diff
+
+
+
+
+
+
```