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>" ); 
    } 
} 

Конечно, я бы не советовал использовать такой подход, вместо того, чтобы попытаться дать эти скрытые элементы определенного класса, а затем, когда вы сортировать ваш стол пытаются игнорировать то для этого имени класса.