# XWUIProductComparisonTable

A side-by-side product comparison grid: one column per product (image, name, price, remove button) and one row per attribute key found across all products. When `config.highlightDifferences` is true (the default), a row is tinted whenever the products don't all share the same value, so shoppers can scan for what differs at a glance.

## Events

| Event | Callback | Subscriber | `detail` |
|---|---|---|---|
| `xwui-product-comparison-table:remove-product` | `onRemoveProduct` | `onRemoveProduct(handler)` | `{ productId }` |

## Usage

```ts
import { XWUIProductComparisonTable } from '@exonware/xwui/industry';

new XWUIProductComparisonTable(host, {
  products: [
    { id: 'p1', name: 'AirSound Pro', price: 249, attributes: { 'Battery life': '30h' } },
    { id: 'p2', name: 'SonicWave X', price: 199, attributes: { 'Battery life': '24h' } },
  ],
});
```

```api
```