Taipy表格列单元格样式设置无效问题求助

问题原因 #

核心矛盾在于CSS选择器与Taipy样式渲染的标签层级不匹配：

• 行样式style会把指定的CSS类添加到表格的<tr>（行标签）上，你的CSS.red-cell td能正确匹配<tr class="red-cell">下的所有<td>单元格，所以样式正常生效。
• 列单元格样式style[Name]是直接把CSS类添加到目标列的<td>（单元格标签）本身，此时你的CSS选择器.red-cell td是在找拥有red-cell类的元素下的<td>，但类已经在<td>自己身上，完全匹配不到，因此看不到红色背景。

修正方案 #

修改CSS选择器，直接给带red-cell类的单元格设置样式即可：

.red-cell {
    background-color: red;
}

验证代码 #

你的Python代码无需修改，保持原写法即可：

import pandas as pd
from taipy.gui import Gui

data = pd.DataFrame(
    {"Name": ["John", "Mary", "Bob"],
     "Age": [32, 23, 40]}
)

page = """
<|{data}|table|style[Name]={lambda state, value: "red-cell"}|>
"""

Gui(page).run()

内容的提问来源于stack exchange，提问作者Rym Guerbi Michaut