首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >Power BI 表格实现每列等宽

Power BI 表格实现每列等宽

作者头像
wujunmin
发布2025-09-03 18:50:16
发布2025-09-03 18:50:16
4630
举报
文章被收录于专栏:wujunminwujunmin

Power BI内置表格视觉对象实现每列宽度相同比较困难,但HTML表格则容易得多(不了解HTML表格参考Power BI HTML 表格的四大优势)。

等宽效果可以自适应画布:

关键在于在表格样式中添加

table-layout: fixed;

完整度量值如下,把度量值中的维度、指标替换为你模型中的数据,放入HTML Content视觉对象使用。

HTML表格.等宽 =

VARt =

ADDCOLUMNS (

VALUES ( '表'[店铺名称] ),

"销售业绩", FORMAT ( [M.销售业绩], "#,#" ),

"业绩达成率", FORMAT ( [M.业绩达成率], "0%" ),

"销售折扣", FORMAT ( [M.销售折扣], "0.00" ),

"连带率", FORMAT ( [M.客单量], "0.00" ),

"客单价", FORMAT ( [M.客单价], "#,#" )

)

VARHTML_Text =

CONCATENATEX (

t,

"<tr><td style='text-align:left;'>" & [店铺名称] & "</td><td style='text-align:right;'>" & [销售业绩] & "</td><td style='text-align:right;'>" & [业绩达成率] & "</td><td style='text-align:right;'>" & [销售折扣] & "</td><td style='text-align:right;'>" & [连带率] & "</td><td style='text-align:right;'>" & [客单价] & "</td><tr>"

)

RETURN"

<head>

<style>

table {

font-family: Arial, sans-serif;

font-size: 16px;

border-collapse: collapse;

width: 100%;

table-layout: fixed;

}

th, td {

padding: 8px;

border: 1px solid #ddd;

word-wrap: break-word;

}

th {

background-color: #f2f2f2;

text-align: left;

}

th:nth-child(1) {

text-align: left;

}

th:nth-child(n+2) {

text-align: right;

}

</style>

</head>

<body>

<table>

<tr>

<th>店铺名称</th>

<th>销售业绩</th>

<th>业绩达成率</th>

<th>销售折扣</th>

<th>连带率</th>

<th>客单价</th>

</tr>" &

HTML_Text & "

</table>

</body>"

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2025-09-02,如有侵权请联系 cloudcommunity@tencent.com 删除
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档