Jquery 数据表响应优先级

Jquery 数据表响应优先级,jquery,responsive-design,datatables,Jquery,Responsive Design,Datatables,我正在使用这个惊人的插件,但我发现在列上使用响应优先级时有一个问题 代码: } 有人能解释一下为什么当我缩小屏幕时,当我使用:{responsivePriority:1,targets:1}时,加号不再出现。这使得无法查看子行,因此无法在低分辨率屏幕中查看第一列数据 提前感谢这与框架中的限制有关 无论第一列是否可见,都会将+图标和按钮效果应用于第一列 { responsivePriority: 1, targets: 1 } 当列计数从0开始时,这会将第二列设置为最高视觉优先级 如果希望它同时

我正在使用这个惊人的插件,但我发现在列上使用响应优先级时有一个问题

代码:

}

有人能解释一下为什么当我缩小屏幕时,当我使用:{responsivePriority:1,targets:1}时,加号不再出现。这使得无法查看子行,因此无法在低分辨率屏幕中查看第一列数据


提前感谢

这与框架中的限制有关

无论第一列是否可见,都会将+图标和按钮效果应用于第一列

{ responsivePriority: 1, targets: 1 }
当列计数从0开始时,这会将第二列设置为最高视觉优先级


如果希望它同时保持第二列和优先级,我建议您创建第三个空列,即第一列

我听从汤姆·格洛弗的暗示,增加了一个新专栏;不过,我不想在页面上浪费空间,所以我使用DataTable的事件使其仅在需要时显示。希望能有帮助

var firstChildrenSelector = '#example tr th:first-child, #example tr td:first-child';

if (!table.responsive.hasHidden()) {
  $(firstChildrenSelector).css('display', 'none');
}

$(window).resize(function() {
  if (table.responsive.hasHidden()) {
    $(firstChildrenSelector).css('display', 'table-cell');
  } else {
    $(firstChildrenSelector).css('display', 'none');
  }
});
var firstChildrenSelector = '#example tr th:first-child, #example tr td:first-child';

if (!table.responsive.hasHidden()) {
  $(firstChildrenSelector).css('display', 'none');
}

$(window).resize(function() {
  if (table.responsive.hasHidden()) {
    $(firstChildrenSelector).css('display', 'table-cell');
  } else {
    $(firstChildrenSelector).css('display', 'none');
  }
});