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 | 650 | 28% | 69% | 89 | 27% | 76% | 456 | 39% | 13% | 204 | 34% | 24% | 85 | 99% | 74% | 165 | 14% | 19% |
| Product 2 | 819 | 93% | 11% | 102 | 33% | 34% | 426 | 54% | 92% | 445 | 10% | 31% | 39 | 3% | 10% | 443 | 95% | 99% |
| Product 3 | 24 | 81% | 45% | 99 | 32% | 69% | 471 | 58% | 95% | 16 | 75% | 15% | 417 | 82% | 33% | 237 | 52% | 89% |
| Product 4 | 441 | 52% | 91% | 407 | 32% | 15% | 227 | 81% | 42% | 496 | 13% | 87% | 432 | 86% | 32% | 355 | 31% | 31% |
| Product 5 | 293 | 32% | 92% | 53 | 96% | 18% | 340 | 57% | 83% | 159 | 62% | 94% | 488 | 97% | 48% | 386 | 47% | 54% |
| Product 6 | 9 | 84% | 24% | 388 | 60% | 3% | 10 | 64% | 64% | 486 | 37% | 59% | 106 | 57% | 79% | 348 | 68% | 64% |
| Product 7 | 159 | 10% | 28% | 131 | 77% | 43% | 493 | 53% | 64% | 131 | 95% | 70% | 53 | 67% | 2% | 175 | 99% | 80% |
| Product 8 | 979 | 15% | 70% | 52 | 54% | 43% | 337 | 97% | 89% | 40 | 20% | 7% | 246 | 69% | 63% | 78 | 14% | 77% |
| Product 9 | 651 | 6% | 2% | 389 | 9% | 65% | 412 | 36% | 54% | 350 | 82% | 2% | 390 | 30% | 75% | 282 | 73% | 42% |
| Product 10 | 248 | 22% | 40% | 357 | 36% | 78% | 406 | 51% | 55% | 486 | 64% | 57% | 206 | 60% | 22% | 395 | 90% | 85% |
| Product 11 | 245 | 7% | 14% | 378 | 63% | 33% | 59 | 30% | 53% | 157 | 11% | 34% | 435 | 77% | 32% | 448 | 84% | 6% |
| Product 12 | 144 | 75% | 66% | 423 | 80% | 45% | 336 | 31% | 54% | 57 | 7% | 87% | 463 | 0% | 11% | 292 | 80% | 58% |
| Product 13 | 623 | 44% | 22% | 109 | 92% | 91% | 101 | 53% | 63% | 175 | 17% | 41% | 386 | 8% | 35% | 39 | 46% | 77% |
| Product 14 | 568 | 71% | 20% | 497 | 91% | 57% | 219 | 22% | 11% | 392 | 73% | 15% | 229 | 91% | 92% | 10 | 21% | 7% |
| Product 15 | 160 | 15% | 88% | 424 | 4% | 66% | 97 | 60% | 41% | 483 | 94% | 93% | 230 | 79% | 79% | 20 | 78% | 21% |
| Product 16 | 846 | 49% | 45% | 140 | 50% | 12% | 281 | 87% | 28% | 441 | 74% | 74% | 358 | 7% | 44% | 76 | 88% | 99% |
| Product 17 | 288 | 47% | 90% | 84 | 51% | 99% | 138 | 74% | 22% | 421 | 45% | 97% | 79 | 46% | 95% | 453 | 83% | 22% |
| Product 18 | 283 | 39% | 1% | 104 | 43% | 78% | 322 | 52% | 37% | 29 | 16% | 95% | 299 | 98% | 4% | 160 | 87% | 44% |
| Product 19 | 513 | 57% | 84% | 192 | 25% | 25% | 260 | 11% | 18% | 428 | 4% | 24% | 26 | 87% | 13% | 308 | 86% | 25% |
| Product 20 | 87 | 51% | 99% | 495 | 92% | 19% | 46 | 70% | 37% | 20 | 97% | 62% | 125 | 62% | 72% | 55 | 54% | 22% |