Power BI HTML 表格的四大优势

Power BI内置的表格已经非常强大，但不是最强大。倘若你愿意花费几分钟了解下HTML表格，将会打开新的天地。

HTML表格的基础语法如下：

<table>
  <tr>
    <th>表头1</th>
    <th>表头2</th>
  </tr>
  <tr>
    <td>数据1</td>
    <td>数据2</td>
  </tr>
</table>

内置表格拖拽字段自动展示标题和数据，HTML表格需要嵌入度量值中，标题使用<th>定义，数据使用<td>定义。为使数据动态变化，通常需要CONCATENATEX函数串联内容。

以下是一个基础的DAX+HTML定义的表格，度量值放入HTML Content视觉对象即可正常显示：

HTML表格 = 
VAR t =
    ADDCOLUMNS (
        VALUES ( 'A 店铺资料'[店铺名称] ),
        "销售业绩", FORMAT ( [M.销售业绩], "#,#" ),
        "业绩达成率", FORMAT ( [M.业绩达成率], "0%" ),
        "销售折扣", FORMAT ( [M.销售折扣], "0.00" ),
        "连带率", FORMAT ( [M.客单量], "0.00" ),
        "客单价", FORMAT ( [M.客单价], "#,#" )
    )
VAR HTML_Text =
    CONCATENATEX (
        t,
        "<tr><td>" & [店铺名称] & "</td><td>" & [销售业绩] & "</td><td>" & [业绩达成率] & "</td><td>" & [销售折扣] & "</td><td>" & [连带率] & "</td><td>" & [客单价] & "</td><tr>"
    )
RETURN "
<table>
  <tr>
    <th>店铺名称</th><th>销售业绩</th><th>业绩达成率</th><th>销售折扣</th><th>连带率</th><th>客单价</th>
  </tr>" & 
  HTML_Text & "
</table>"

表格中的数据格式可以使用Format函数控制，对齐方式可以添加text-align：

<td style='text-align:left;'>" & [店铺名称] & "</td>

这相当于盖房子，以上已经是毛坯房了，装修可以交给AI帮忙。那么，有哪些效果目前内置表格做不到，HTML表格却轻而易举？以下列举四条。

1. 内容高级交互

以下效果供拓展思路，第一种是悬停十字高亮，鼠标悬停在任意单元格，高亮当前单元格对应的整行整列，方便视觉聚焦：

图片

入场动效：

wujunmin

，赞1

框选高亮，鼠标在表格左键拖拽，可以框选红色突出任意区域：

图片

以上是颜色框选，还可以勾选框选，右下角有标签提示框选单元格数量：

图片

上下拖拽，方便不同的行对比：

图片

添加评论框，评论框宽度随文字多少自动调整，添加完可以截图到工作群与相关同事沟通：

图片

以上是整列添加，还可以点击任意单元格，对该单元格红色背景突出，并弹出评论框：

图片

会议涂鸦模式，方便演示者在开会时划出重点：

图片

分页模式，当行数过多时，内置的表格只能滚动条下拉，这里借助HTML实现按需分页：

图片

高级筛选，维度可以关键字筛选，指标滑杆筛选：

图片

画布修改单元格内容，适用于假设验证的场景：

图片

2. 高级标题

下方的表格在销售业绩旁添加了数据的截止日期：

图片

列标题添加指标数据：

图片

为每列标题添加了场景式SVG图标：

图片

列标题添加条件格式字体颜色：

图片

列标题添加条件格式背景色：

图片

3. 自定义总计行位置

内置表格的总计行固定在结尾，HTML表格的总计可以参与明细排序：

图片

4. 格式复制粘贴

HTML表格的格式可以直接Ctrl+V粘贴到Excel：

wujunmin

，赞4

用两个字总结Power BI HTML表格的效果，就是：自由。

本文所有效果配套文件在下方知识星球提供。