javascript - 具有可变数量表头的 DataTables 渲染函数

Question

我知道，使用 DataTable 时表头列和表数据列的数量需要相同。
我的问题是我现在面临的问题是我的 <th> 的金额标签有条件地为 +/- 2，我正在使用渲染函数来显示相应的 <td>列。
DataTables 抛出错误( Cannot read property 'style' of undefined )并不奇怪。
无论如何，我既没有机会摆脱渲染函数，也没有机会静态渲染表头。
当特定列没有表头时，有没有办法统计数据表？

columns: [
   {
   data: "some_id",
   render: function (data, type, row) {
      return "some content";
   },
   {
    data: "some_id", 
    render: function (data, type, row) {
       return "some content";
   }
]

这是造成问题的部分。

Answer 1

DataTables 需要 <thead> 中的列数匹配 <tbody> 中的列数。在 column:[] 数组中添加在 <thead> 中没有关联列的列将产生内部 DataTable JS 错误。可以通过添加空 <th></th> 来解决此问题。在使用渲染的列的标题中。

<table>
     <thead>
          <th>Column 1</th>
          <th>Column 2</th>
          <th></th>
     </thead>
</table> 

数据表列属性

columns: [
   {data: "column1"},
   {data: "column2"},
   {
         data: "some_id", 
         render: function (data, type, row) {
            return "some content";
         },
         sortable: false, // optional
         searchable: false // optional
   }
]

作为附加提示，在通过渲染添加项目(例如按钮)时，将可排序、可搜索的 false 与渲染一起添加可能会很有帮助。这将避免用户可能尝试在仅显示的列上进行排序或搜索或具有不可用于搜索和排序的可操作项目的问题。