如何在Superset表格图表中固定单个列的宽度？

我正在使用Superset可视化工具制作表格图表，希望固定其中某一列的宽度。尝试了如下CSS代码但无法实现针对单个列的设置，请问该如何操作？

table {
  table-layout: fixed;
  width: 100%;
  white-space: normal;
}

你当前的CSS是对整个表格生效的，要单独固定某一列，需要针对目标列的单元格指定宽度，结合Superset表格的DOM结构，可参考以下几种实用方法：

• 通过列索引定位
  如果目标列是第N列（从1开始计数），使用:nth-child()选择器精准定位：

table {
  table-layout: fixed;
  width: 100%;
}

/* 示例：固定第2列宽度为150px */
table td:nth-child(2), table th:nth-child(2) {
  width: 150px;
  white-space: nowrap; /* 可选：防止内容换行，维持宽度稳定 */
  overflow: hidden; /* 可选：超出部分隐藏 */
  text-overflow: ellipsis; /* 可选：超出内容显示省略号 */
}

• 通过自定义列类名定位
  若Superset图表配置的高级选项支持给列添加自定义CSS类，直接用类名定位更稳妥：

table {
  table-layout: fixed;
  width: 100%;
}

/* 示例：目标列的自定义类名为fixed-width-col */
.fixed-width-col {
  width: 200px;
  white-space: nowrap;
}

• 检查外层容器样式
  确保Superset表格的外层容器没有限制宽度的样式，否则可能覆盖你的列宽设置，必要时调整容器的宽度属性。

内容的提问来源于stack exchange，提问作者Surabhi Singh