如何为qx.ui.table.Table创建可条件应用删除线的单元格渲染器？

要实现部分行条件性应用text-decoration: line-through，你需要自定义单元格渲染器，重写样式计算逻辑，具体步骤如下：

1. 自定义单元格渲染器 #

继承qx.ui.table.cellrenderer.String，重写_getCellStyle方法，根据行数据的条件动态生成样式：

qx.Class.define("my.table.cellrenderer.StrikethroughString", {
  extend: qx.ui.table.cellrenderer.String,
  
  members: {
    _getCellStyle: function(cellInfo) {
      // 调用父类方法获取基础样式
      var style = this.base(arguments, cellInfo);
      
      // 根据行数据的条件判断是否添加删除线，替换成你的实际判断逻辑
      if (cellInfo.rowData.isCompleted) {
        style += "; text-decoration: line-through";
      }
      
      return style;
    }
  }
});

2. 在表格列中使用自定义渲染器 #

配置表格列时，将该自定义渲染器指定给需要显示删除线的列：

var table = new qx.ui.table.Table(tableModel);
var columnModel = table.getTableColumnModel();

// 给目标列（示例为第0列）设置自定义渲染器
var targetColumnIndex = 0;
columnModel.setCellRenderer(targetColumnIndex, new my.table.cellrenderer.StrikethroughString());

额外说明 #

• 确保cellInfo.rowData包含你需要判断的条件字段，该字段来自你的表格数据模型
• 如果需要整行应用删除线，给表格的所有列都配置这个自定义渲染器即可
• 可根据实际需求调整条件判断逻辑，比如基于行索引、特定字段值等

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