Поменять порядок столбцов в таблице
Например есть статические таблицы, и делать вариативность таблиц для мобилок не удобно, тогда нам поможет следующая функция:
Функция:
<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>