945

Поменять порядок столбцов в таблице

Например есть статические таблицы, и делать вариативность таблиц для мобилок не удобно, тогда нам поможет следующая функция:

Функция:

<script type="text/javascript">
jQuery.moveColumn = function (table, from, to) {
    var rows = jQuery('tr', table);
    var cols;
    rows.each(function() {
        cols = jQuery(this).children('th, td');
        cols.eq(from).detach().insertBefore(cols.eq(to));
    });
}
</script>

Вызов функции

<script type="text/javascript">
if (screen.width <= '600') { // Например с условием размеров экрана
$(document).ready(function() {
    var tbl = jQuery('.tableClass');
    jQuery.moveColumn(tbl, 1, 0);
        jQuery.moveColumn(tbl, 4, 1);
        jQuery.moveColumn(tbl, 3, 2);
});
}
</script>

Комментарии

Комментировать