Jquery 数据表;添加图标以选择行

Jquery 数据表;添加图标以选择行,jquery,datatables,Jquery,Datatables,我想在文本左侧添加图像的行中有特定列。这个人()也有同样的问题。他想在单元格内的文本左侧添加标志图标;我想做基本相同的事情(但没有标志图标)。如果每一列都有一个图像,我只会在表中创建另一行,但是有些列不应该有图标,所以在这种情况下这不是一个选项 到目前为止,在我的datatable选项中,我正在执行以下操作: options = { "createdRow": function(row, data, index){ var sharedArray = scope.$eva

我想在文本左侧添加图像的行中有特定列。这个人()也有同样的问题。他想在单元格内的文本左侧添加标志图标;我想做基本相同的事情(但没有标志图标)。如果每一列都有一个图像,我只会在表中创建另一行,但是有些列不应该有图标,所以在这种情况下这不是一个选项

到目前为止,在我的datatable选项中,我正在执行以下操作:

  options = {
    "createdRow": function(row, data, index){
      var sharedArray = scope.$eval(attrs.sharedData);
      var rowValue = data[1] + "_" + data[0];
      if ($.inArray(rowValue, sharedArray) != -1){
        $('td', row).eq(0).addClass('shared');
      }
    }
在这一点上,我最初想使用css向.shared元素添加背景图像,但我遇到了两个问题,其中最重要的一个问题是,如果背景图像是设置图标的对象,则无法在悬停时添加事件

然后,我尝试在行之前创建一个跨度

$(row).prepend('<span class="shared-icon"></span>');
$(行)。前置(“”);
希望在跨度中添加背景图像和悬停事件,但在TR中添加这一点会导致行及其各自的标题出现巨大的间距问题


我想我错过了一些相对简单的东西,但我已经在玩不同的datatable功能时被困了几个小时。想法?

使用fnCreatedCell选项如何

范例

"fnCreatedCell": function (nTd, sData, oData, iRow, iCol){
  var sharedArray = scope.$eval(attrs.sharedData);
  var rowValue = oData[1] + "_" + oData[0];
  if ($.inArray(rowValue, sharedArray) != -1){
    $(nTd).addClass('shared');
  }
}

其中,nTd是单元格,sData是单元格数据,oData是行数据,iRow是行索引,iCol是列索引。

我不知道为什么我的大脑以前不工作;我今天解决了这个问题,不到十分钟就解决了

    "createdRow": function(row, data, index){
      var sharedArray = scope.$eval(attrs.sharedData);
      var rowValue = data[1] + "_" + data[0];
      if ($.inArray(rowValue, sharedArray) != -1){
        var data = $('td', row).eq(0).html();
        $('td', row).eq(0).html("<span class='glyphicon glyphicon-asterisk'></span>" + data);
      + data }
“createdRow”:函数(行、数据、索引){
var sharedArray=范围$eval(attrs.sharedData);
var rowValue=数据[1]+“_”+数据[0];
if($.inArray(rowValue,sharedArray)!=-1){
var data=$('td',row.eq(0.html();
$('td',row.eq(0).html(“+数据);
+数据}

我试图通过文本来理解这个问题,但这个问题的标题似乎没有反映出真正的问题。对我来说,这更像是一个CSS问题,因为你似乎已经知道如何将特定的图标添加到你想要的行中。也许;我会继续搜索,谢谢!但是,这个()和这个()让我觉得可能有一个我缺少的dataTable解决方案;一直在使用它们。columns.render在这种情况下可能非常有用。我经常使用它,因为它允许我动态地将列数据与html混合。我认为它与createdRow回调函数非常类似。