如何在 DataTables Javascript 中添加 CSS 类

Posted

技术标签:

【中文标题】如何在 DataTables Javascript 中添加 CSS 类【英文标题】:how to add CSS class inside DataTables Javascript 【发布时间】:2020-03-21 18:31:51 【问题描述】:

我正在尝试为 id 和代码添加 CSS 类 check。 CSS 不工作。有什么方法可以在这里添加 CSS 类吗?我也在引号内试过这个。

DataTable('Entity', [
    "data": "Id",
    "name": "Id",
    "autoWidth": true,
    className: check
  ,
  
    "data": "Code",
    "name": "Code",
    "autoWidth": true,
    className: check
  ,
],);

【问题讨论】:

你可以尝试使用引号:className: "check" 【参考方案1】:

在渲染数据表时使用以下设置

$('#example').dataTable( 
  "columnDefs": [ 
    "targets": 3,
    "createdCell": function (td, cellData, rowData, row, col) 
      if ( cellData < 1 ) 
        $(td).css('color', 'red');
        $(td).addClass("yourclass");
      
    
  ]
);

【讨论】:

以上是关于如何在 DataTables Javascript 中添加 CSS 类的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Javascript 更改数据作为 DataTables 将其显示到 html 表中

Javascript jQuery插件DataTables取消选择元素

Javascript/jQuery/Datatables 对复选框触发的值求和

如何通过 Ajax 在 jQuery DataTables 中显示 JSON 数据?

datatables异步获取数据简单实用

jQuery JavaScript Datatables 列压缩/挤压在一起