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 | 560 | 5% | 16% | 318 | 49% | 11% | 290 | 32% | 38% | 228 | 12% | 88% | 33 | 38% | 84% | 293 | 26% | 22% |
| Product 2 | 302 | 8% | 50% | 275 | 71% | 27% | 195 | 61% | 24% | 476 | 68% | 80% | 98 | 80% | 35% | 92 | 93% | 6% |
| Product 3 | 427 | 55% | 93% | 227 | 66% | 75% | 377 | 7% | 22% | 303 | 24% | 49% | 445 | 29% | 88% | 237 | 58% | 32% |
| Product 4 | 729 | 73% | 38% | 292 | 82% | 90% | 155 | 96% | 62% | 123 | 4% | 42% | 203 | 31% | 84% | 390 | 15% | 97% |
| Product 5 | 913 | 78% | 80% | 497 | 42% | 5% | 397 | 56% | 6% | 62 | 80% | 44% | 383 | 38% | 6% | 205 | 7% | 42% |
| Product 6 | 527 | 27% | 41% | 243 | 75% | 53% | 284 | 32% | 100% | 109 | 23% | 15% | 179 | 41% | 86% | 204 | 34% | 19% |
| Product 7 | 427 | 8% | 90% | 340 | 53% | 73% | 212 | 41% | 42% | 96 | 64% | 64% | 26 | 67% | 52% | 24 | 8% | 50% |
| Product 8 | 269 | 15% | 76% | 199 | 91% | 83% | 458 | 49% | 38% | 97 | 27% | 9% | 382 | 13% | 57% | 31 | 11% | 58% |
| Product 9 | 523 | 67% | 39% | 50 | 59% | 40% | 9 | 28% | 32% | 482 | 85% | 38% | 189 | 9% | 56% | 490 | 42% | 68% |
| Product 10 | 865 | 12% | 71% | 262 | 42% | 23% | 132 | 81% | 8% | 404 | 47% | 73% | 157 | 81% | 91% | 201 | 38% | 36% |
| Product 11 | 763 | 93% | 75% | 267 | 53% | 83% | 27 | 92% | 27% | 450 | 74% | 61% | 339 | 89% | 86% | 386 | 46% | 3% |
| Product 12 | 749 | 43% | 90% | 214 | 76% | 9% | 234 | 20% | 28% | 230 | 3% | 21% | 219 | 79% | 93% | 302 | 55% | 65% |
| Product 13 | 425 | 35% | 19% | 207 | 83% | 97% | 340 | 10% | 23% | 105 | 93% | 45% | 147 | 78% | 99% | 230 | 17% | 45% |
| Product 14 | 238 | 84% | 5% | 440 | 57% | 99% | 419 | 47% | 28% | 420 | 74% | 36% | 227 | 55% | 59% | 139 | 7% | 53% |
| Product 15 | 240 | 87% | 22% | 215 | 43% | 79% | 181 | 44% | 54% | 277 | 62% | 74% | 285 | 27% | 94% | 288 | 41% | 56% |
| Product 16 | 188 | 72% | 45% | 166 | 31% | 19% | 422 | 40% | 24% | 401 | 54% | 20% | 299 | 70% | 31% | 483 | 4% | 76% |
| Product 17 | 69 | 50% | 39% | 79 | 37% | 59% | 376 | 55% | 19% | 443 | 41% | 59% | 342 | 47% | 34% | 492 | 77% | 96% |
| Product 18 | 275 | 35% | 63% | 484 | 59% | 9% | 378 | 41% | 26% | 140 | 96% | 14% | 441 | 59% | 90% | 217 | 91% | 34% |
| Product 19 | 264 | 12% | 20% | 290 | 18% | 36% | 181 | 65% | 75% | 101 | 32% | 2% | 449 | 2% | 98% | 453 | 28% | 64% |
| Product 20 | 364 | 80% | 26% | 73 | 97% | 61% | 343 | 90% | 44% | 272 | 18% | 32% | 231 | 10% | 69% | 294 | 53% | 99% |