Table Demo
user will see this text immediately, if we didn't await any function on Page component.
Header fixed scroll table
| Order | Total | Category | Channel | ||||
|---|---|---|---|---|---|---|---|
| Food | Beverage | Dessert | Other | Online | Offline | ||
| Long Order Name #1 | 2500 | 1000 | 800 | 500 | 200 | 1500 | 1000 |
| Order #2 | 1800 | 800 | 600 | 300 | 100 | 1200 | 600 |
| Very Long Order Name #3 | 3200 | 1500 | 900 | 600 | 200 | 2000 | 1200 |
| Order #4 | 1900 | 900 | 500 | 400 | 100 | 1100 | 800 |
| Long Order Name #5 | 2800 | 1200 | 800 | 600 | 200 | 1800 | 1000 |
| Order #6 | 2100 | 1000 | 600 | 400 | 100 | 1300 | 800 |
| Very Long Order Name #7 | 3500 | 1600 | 1000 | 700 | 200 | 2200 | 1300 |
| Order #8 | 2300 | 1100 | 700 | 400 | 100 | 1400 | 900 |
| Very Long Order Name #9 | 2900 | 1300 | 800 | 600 | 200 | 1800 | 1100 |
| Order #10 | 2000 | 900 | 600 | 400 | 100 | 1200 | 800 |
| Order #11 | 2400 | 1100 | 700 | 500 | 100 | 1500 | 900 |
Product Performance Analysis
| Overall Performance | Online Sales | Retail Sales | Wholesale | Export Sales | B2B Sales | |||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Product Name | Units | Sales Rate | Profit Rate | Units | Sales Rate | Profit Rate | Units | Sales Rate | Profit Rate | Units | Sales Rate | Profit Rate | Units | Sales Rate | Profit Rate | Units | Sales Rate | Profit Rate |
| Product 1 | 592 | 47% | 56% | 180 | 61% | 12% | 280 | 41% | 15% | 134 | 10% | 8% | 376 | 20% | 65% | 171 | 7% | 93% |
| Product 2 | 703 | 32% | 38% | 424 | 25% | 33% | 389 | 2% | 74% | 450 | 10% | 26% | 181 | 3% | 24% | 59 | 66% | 14% |
| Product 3 | 977 | 58% | 42% | 104 | 72% | 73% | 313 | 72% | 87% | 178 | 62% | 50% | 296 | 70% | 30% | 152 | 74% | 14% |
| Product 4 | 977 | 47% | 78% | 310 | 87% | 57% | 194 | 36% | 88% | 211 | 84% | 47% | 366 | 66% | 30% | 181 | 36% | 9% |
| Product 5 | 389 | 38% | 81% | 308 | 81% | 100% | 51 | 77% | 67% | 452 | 88% | 66% | 199 | 35% | 49% | 186 | 6% | 57% |
| Product 6 | 830 | 50% | 52% | 303 | 76% | 9% | 274 | 34% | 64% | 22 | 33% | 44% | 344 | 46% | 63% | 255 | 78% | 11% |
| Product 7 | 445 | 8% | 85% | 301 | 68% | 10% | 379 | 39% | 20% | 483 | 26% | 67% | 361 | 14% | 73% | 293 | 65% | 1% |
| Product 8 | 635 | 2% | 32% | 420 | 76% | 65% | 53 | 81% | 9% | 15 | 87% | 96% | 136 | 44% | 13% | 327 | 24% | 84% |
| Product 9 | 666 | 63% | 65% | 68 | 14% | 39% | 392 | 91% | 71% | 251 | 92% | 74% | 123 | 24% | 85% | 400 | 5% | 61% |
| Product 10 | 541 | 14% | 50% | 214 | 92% | 88% | 200 | 32% | 70% | 266 | 40% | 53% | 272 | 65% | 93% | 55 | 81% | 82% |
| Product 11 | 602 | 27% | 78% | 446 | 72% | 35% | 395 | 17% | 49% | 293 | 3% | 24% | 487 | 22% | 84% | 424 | 97% | 6% |
| Product 12 | 119 | 23% | 10% | 23 | 64% | 70% | 487 | 4% | 90% | 460 | 30% | 100% | 160 | 69% | 5% | 3 | 81% | 85% |
| Product 13 | 457 | 49% | 33% | 389 | 82% | 89% | 231 | 64% | 98% | 488 | 18% | 73% | 59 | 28% | 65% | 60 | 38% | 4% |
| Product 14 | 768 | 81% | 7% | 189 | 41% | 34% | 119 | 10% | 71% | 158 | 16% | 49% | 394 | 29% | 24% | 51 | 96% | 39% |
| Product 15 | 294 | 36% | 96% | 182 | 54% | 91% | 18 | 46% | 20% | 377 | 98% | 15% | 203 | 19% | 85% | 96 | 75% | 40% |
| Product 16 | 562 | 76% | 47% | 64 | 15% | 21% | 141 | 97% | 16% | 30 | 81% | 5% | 145 | 64% | 97% | 258 | 8% | 79% |
| Product 17 | 110 | 64% | 82% | 50 | 55% | 45% | 94 | 92% | 55% | 422 | 19% | 83% | 1 | 95% | 93% | 258 | 94% | 97% |
| Product 18 | 395 | 93% | 77% | 394 | 63% | 25% | 241 | 44% | 92% | 411 | 15% | 25% | 221 | 62% | 23% | 126 | 62% | 30% |
| Product 19 | 962 | 2% | 9% | 68 | 23% | 0% | 70 | 33% | 55% | 453 | 67% | 9% | 155 | 46% | 35% | 214 | 28% | 82% |
| Product 20 | 678 | 3% | 29% | 117 | 1% | 22% | 312 | 49% | 65% | 171 | 76% | 61% | 301 | 82% | 99% | 282 | 43% | 95% |