изменение ширины столбца при копировании строки из одной таблицы в другую с помощью jquery

Question

Привет! Я копирую строки всей таблицы из одной таблицы html в другую. В исходной таблице ширина столбцов составляет 5%, 40% 55% для трех типов:

<td style="width:5%">

Теперь в целевой таблице у меня есть 4 столбца, я хочу, чтобы их ширина составляла 10%, 40%, 40% и 10% соответственно

Вот как я копирую строки

$("#table_source img.move-row").live("click", function() {
var tr = $(this).closest("tr").remove().clone();
tr.append('<td style="width:10%"><img class="role_action" src="/gra/plus.png/></td>');
$("#table_target tbody").append(tr);

Как проще всего изменить ширину для существующих столбцов исходных таблиц.

Answer 1

Если у вас есть доступ для изменения исходного HTML-кода таблиц, я бы предложил использовать теги col для определения ширины. Таким образом, ширина определяется не для отдельных тегов td, а для таблицы в целом. Тогда при перемещении td s между таблицами ширина будет обрабатываться автоматически.