本页演示 wpDataTables 的「图表与表格联动筛选」能力:图表开启了「跟随筛选」,当您对同一页面中的数据表进行筛选、搜索或排序时,下方图表会实时同步更新,无需刷新页面,非常适合用来搭建交互式数据看板。
由于图表与数据表共享同一数据源,两者展示的内容始终保持一致。您在下方既能看到完整的数据表格,也能看到随筛选条件即时变化的可视化图表,直观感受数据在不同维度下的呈现。
销售数据 · 基础表格
| 地区 | 产品 | 类别 | 销售员 | 销量 | 单价 | 销售额 | 利润率 | 下单日期 | 状态 | 评分 | 邮箱 | 链接 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 西南 | 保温杯 | 家居 | 陈静 | 5 | 8,332.99 | 41,664.95 | 28.00 | 2026-01-23 | 已发货 | 4.10 | chenjing1@example.com | https://wordpress.955505.xyz/?p=1 |
| 西南 | 移动电源 | 食品 | 陈静 | 43 | 5,807.99 | 249,743.57 | 40.00 | 2026-04-20 | 已发货 | 3.10 | chenjing2@example.com | https://wordpress.955505.xyz/?p=2 |
| 华南 | 27寸显示器 | 办公用品 | 陈静 | 64 | 2,922.99 | 187,071.36 | 36.00 | 2026-05-01 | 已取消 | 3.30 | chenjing3@example.com | https://wordpress.955505.xyz/?p=3 |
| 华东 | 27寸显示器 | 家居 | 王芳 | 43 | 4,132.99 | 177,718.57 | 37.00 | 2026-02-14 | 已发货 | 4.50 | wangfang4@example.com | https://wordpress.955505.xyz/?p=4 |
| 西南 | 机械键盘 | 食品 | 陈静 | 24 | 1,881.99 | 45,167.76 | 35.00 | 2026-05-04 | 已完成 | 3.80 | chenjing5@example.com | https://wordpress.955505.xyz/?p=5 |
| 华中 | 笔记本电脑 | 办公用品 | 王芳 | 57 | 2,298.99 | 131,042.43 | 40.00 | 2026-05-11 | 已发货 | 3.30 | wangfang6@example.com | https://wordpress.955505.xyz/?p=6 |
| 华中 | 移动电源 | 办公用品 | 张伟 | 38 | 2,972.99 | 112,973.62 | 28.00 | 2026-04-11 | 已完成 | 3.20 | zhangwei7@example.com | https://wordpress.955505.xyz/?p=7 |
| 华东 | 笔记本电脑 | 食品 | 张伟 | 79 | 6,776.99 | 535,382.21 | 51.00 | 2026-05-16 | 处理中 | 4.70 | zhangwei8@example.com | https://wordpress.955505.xyz/?p=8 |
| 华东 | 无线鼠标 | 服饰 | 陈静 | 26 | 1,064.99 | 27,689.74 | 45.00 | 2026-03-20 | 处理中 | 4.10 | chenjing9@example.com | https://wordpress.955505.xyz/?p=9 |
| 华南 | 27寸显示器 | 服饰 | 杨磊 | 14 | 2,069.99 | 28,979.86 | 29.00 | 2026-01-07 | 处理中 | 3.60 | yanglei10@example.com | https://wordpress.955505.xyz/?p=10 |
| 华中 | 人体工学椅 | 办公用品 | 刘洋 | 25 | 1,454.99 | 36,374.75 | 46.00 | 2026-01-18 | 处理中 | 4.30 | liuyang11@example.com | https://wordpress.955505.xyz/?p=11 |
| 西南 | LED台灯 | 电子产品 | 张伟 | 44 | 8,230.99 | 362,163.56 | 54.00 | 2026-02-01 | 已发货 | 4.60 | zhangwei12@example.com | https://wordpress.955505.xyz/?p=12 |
| 华东 | 保温杯 | 家居 | 张伟 | 30 | 8,548.99 | 256,469.70 | 30.00 | 2026-05-22 | 已完成 | 4.00 | zhangwei13@example.com | https://wordpress.955505.xyz/?p=13 |
| 华南 | 笔记本电脑 | 服饰 | 李娜 | 74 | 2,487.99 | 184,111.26 | 38.00 | 2026-02-02 | 已完成 | 4.40 | lina14@example.com | https://wordpress.955505.xyz/?p=14 |
| 西南 | U盘 | 食品 | 李娜 | 13 | 8,234.99 | 107,054.87 | 32.00 | 2026-04-26 | 已完成 | 4.10 | lina15@example.com | https://wordpress.955505.xyz/?p=15 |
| 华中 | LED台灯 | 办公用品 | 李娜 | 3 | 2,330.99 | 6,992.97 | 51.00 | 2026-04-13 | 处理中 | 4.20 | lina16@example.com | https://wordpress.955505.xyz/?p=16 |
| 华北 | 笔记本电脑 | 食品 | 王芳 | 73 | 888.99 | 64,896.27 | 23.00 | 2026-03-22 | 已完成 | 4.80 | wangfang17@example.com | https://wordpress.955505.xyz/?p=17 |
| 华中 | U盘 | 服饰 | 刘洋 | 60 | 1,650.99 | 99,059.40 | 23.00 | 2026-03-23 | 处理中 | 4.80 | liuyang18@example.com | https://wordpress.955505.xyz/?p=18 |
| 华东 | LED台灯 | 家居 | 李娜 | 58 | 3,553.99 | 206,131.42 | 43.00 | 2026-03-28 | 处理中 | 3.20 | lina19@example.com | https://wordpress.955505.xyz/?p=19 |
| 西南 | 27寸显示器 | 家居 | 李娜 | 37 | 4,263.99 | 157,767.63 | 41.00 | 2026-03-09 | 已发货 | 5.00 | lina20@example.com | https://wordpress.955505.xyz/?p=20 |
| 华北 | 27寸显示器 | 家居 | 张伟 | 10 | 2,331.99 | 23,319.90 | 41.00 | 2026-04-05 | 处理中 | 3.70 | zhangwei21@example.com | https://wordpress.955505.xyz/?p=21 |
| 西南 | 机械键盘 | 电子产品 | 杨磊 | 12 | 6,085.99 | 73,031.88 | 52.00 | 2026-06-12 | 处理中 | 4.00 | yanglei22@example.com | https://wordpress.955505.xyz/?p=22 |
| 西南 | 保温杯 | 服饰 | 刘洋 | 12 | 3,383.99 | 40,607.88 | 28.00 | 2026-05-22 | 已完成 | 4.10 | liuyang23@example.com | https://wordpress.955505.xyz/?p=23 |
| 西南 | 人体工学椅 | 家居 | 王芳 | 47 | 5,875.99 | 276,171.53 | 23.00 | 2026-03-20 | 已完成 | 3.30 | wangfang24@example.com | https://wordpress.955505.xyz/?p=24 |
| 华中 | 机械键盘 | 办公用品 | 刘洋 | 55 | 2,903.99 | 159,719.45 | 33.00 | 2026-06-02 | 处理中 | 5.00 | liuyang25@example.com | https://wordpress.955505.xyz/?p=25 |
| 华北 | U盘 | 食品 | 王芳 | 71 | 3,058.99 | 217,188.29 | 48.00 | 2026-03-21 | 已完成 | 4.00 | wangfang26@example.com | https://wordpress.955505.xyz/?p=26 |
| 华东 | LED台灯 | 服饰 | 张伟 | 23 | 3,854.99 | 88,664.77 | 36.00 | 2026-02-23 | 已完成 | 3.60 | zhangwei27@example.com | https://wordpress.955505.xyz/?p=27 |
| 华南 | LED台灯 | 家居 | 王芳 | 37 | 7,609.99 | 281,569.63 | 30.00 | 2026-05-01 | 处理中 | 4.80 | wangfang28@example.com | https://wordpress.955505.xyz/?p=28 |
| 华南 | 蓝牙耳机 | 家居 | 刘洋 | 40 | 5,837.99 | 233,519.60 | 47.00 | 2026-02-23 | 已取消 | 4.00 | liuyang29@example.com | https://wordpress.955505.xyz/?p=29 |
| 华北 | 机械键盘 | 家居 | 刘洋 | 50 | 5,600.99 | 280,049.50 | 20.00 | 2026-02-11 | 已发货 | 4.30 | liuyang30@example.com | https://wordpress.955505.xyz/?p=30 |
| 华北 | 无线鼠标 | 电子产品 | 李娜 | 23 | 1,388.99 | 31,946.77 | 35.00 | 2026-04-15 | 已发货 | 3.90 | lina31@example.com | https://wordpress.955505.xyz/?p=31 |
| 西南 | U盘 | 电子产品 | 张伟 | 43 | 2,623.99 | 112,831.57 | 21.00 | 2026-01-03 | 处理中 | 4.80 | zhangwei32@example.com | https://wordpress.955505.xyz/?p=32 |
| 华东 | 蓝牙耳机 | 食品 | 张伟 | 76 | 756.99 | 57,531.24 | 42.00 | 2026-04-19 | 已完成 | 3.00 | zhangwei33@example.com | https://wordpress.955505.xyz/?p=33 |
| 华北 | LED台灯 | 食品 | 张伟 | 40 | 8,022.99 | 320,919.60 | 31.00 | 2026-02-20 | 已取消 | 5.00 | zhangwei34@example.com | https://wordpress.955505.xyz/?p=34 |
| 西南 | 笔记本电脑 | 食品 | 张伟 | 50 | 5,621.99 | 281,099.50 | 23.00 | 2026-04-21 | 已取消 | 3.80 | zhangwei35@example.com | https://wordpress.955505.xyz/?p=35 |
| 华东 | 27寸显示器 | 电子产品 | 张伟 | 78 | 6,653.99 | 519,011.22 | 37.00 | 2026-06-19 | 已取消 | 3.10 | zhangwei36@example.com | https://wordpress.955505.xyz/?p=36 |
| 华南 | 机械键盘 | 电子产品 | 王芳 | 30 | 3,016.99 | 90,509.70 | 27.00 | 2026-04-22 | 已完成 | 3.70 | wangfang37@example.com | https://wordpress.955505.xyz/?p=37 |
| 华北 | 机械键盘 | 食品 | 陈静 | 46 | 1,480.99 | 68,125.54 | 32.00 | 2026-05-21 | 已完成 | 4.30 | chenjing38@example.com | https://wordpress.955505.xyz/?p=38 |
| 华中 | 27寸显示器 | 服饰 | 杨磊 | 34 | 5,099.99 | 173,399.66 | 43.00 | 2026-04-26 | 已发货 | 3.10 | yanglei39@example.com | https://wordpress.955505.xyz/?p=39 |
| 华东 | 保温杯 | 办公用品 | 杨磊 | 4 | 3,163.99 | 12,655.96 | 39.00 | 2026-01-09 | 已取消 | 3.60 | yanglei40@example.com | https://wordpress.955505.xyz/?p=40 |
| 地区 | 产品 | 类别 | 销售员 | 销量 | 下单日期 | 状态 | 评分 | 邮箱 |
- 请确保图表与数据表绑定的是同一数据源,这样筛选时两者才能始终保持一致。
- 在图表设置中开启「跟随筛选(Follow filtering)」选项,图表才会随表格的筛选结果自动更新。
- 将图表与对应表格放在同一页面,配合表格自带的筛选、搜索功能,即可快速搭建交互式数据看板。
- 本页使用的短代码: