css / jQuery - 表中隐藏类的替代方法

Question

我正在使用一个使用jQuery和css的响应式表插件。它使用下面的代码，在我的表的每个单元格中插入一个文本标题标签，通过CSS保持隐藏，直到屏幕大小足够小。功能正常，但由于隐藏文本仍然按排序注册，它会在所有屏幕级别中断排序，并且由于隐藏文本，它会按字母顺序对数值进行排序。

 else {
$cells.prepend( "<b class='" + classes.cellLabels + "'>" + text + "</b>"  );
}

例如，这会将单元格值10变为“Header10”，我的数字将排序为“1,15,2”而不是“1,2,15”

关于我的问题 - 我对javascript / jQuery了解不多 - 是否有上述代码行的替代方案，只有在屏幕大小落入css定义的小范围时才会插入这些标题？

Answer 1

else {
  if($(window).width() > x) {
    $cells.prepend( "<b class='" + classes.cellLabels + "'>" + text + "</b>"  );
  }
}

当然我不建议使用这种方法，而是尝试将这些隐藏元素赋予某个类，然后在对表进行排序时尝试忽略该类名的排序。