jQuery DataTable - 列 data.toUpperCase() 不工作

Question

我尝试使用 columnDefs 将 jQuery DataTable 列设置为大写：

columnDefs: [
  {
    targets: [1, 2],
    render: function (data) {
      return data.toUpperCase();
    }
  }
]

这适用于我指定为目标的所有列，一个列除外。属性类型为 nvarchar(max)。我知道我可以使用以下命令将整个 DataTable 设置为大写，但我想按列设置：

<style> td { text-transform: uppercase } </style>

此列确实显示了正确的数据。但是，当我在 columnDefs 中将其指定为目标时，DataTable 表示它正在加载并且不显示任何数据。

Answer 1

您可以申请columns.className设置。

columnDefs: [
  {
    className: "upper"
    targets: [1, 2]
  }
]

并应用此样式规则，使所有具有 class upper 的 <td> 元素生效。

td.upper { 
  text-transform: uppercase 
}

jQuery DataTable - Column data.toUpperCase() is not working