Как создать функцию которая рисует таблицу в jq?

Question

[Amenadile]

Не знаю как создать таблицу, пытаюсь создать и ломаюсь при добавлении table в body

Comments

[v3shin]

Код в студию!

Answer 1

[BornTo FreeFall]

Вот вам пример реализации "расширения" таблицы. Осталось лишь немного доделать...

<button id="addcolumn">Add Column</button>
<button id="addrow">Add Row</button>

	<table width="100%" border="1" cellpadding="0" cellspacing="0">
    
    <thead id="theads">
    	<tr>
        	<th class="th" contenteditable>Heading</th>
            <th class="th" contenteditable>Heading</th>
        </tr>
    </thead>
    
    <tbody id="tbody">
    	
    </tbody>
    
    </table>

$(document).ready(function () {
    var $cell = $('<td>', {
        'class': 'td',
        'align': 'center',
        'contenteditable': '',
        'text': 'Content'
    });
    
    var $header = $('<th>', {
        'class': 'th',
        'contenteditable': '',
        'text': 'Heading'
    });
    
	$('#addcolumn').click(function() {
        $header.clone().appendTo('thead tr');
        $cell.clone().appendTo('tbody tr');
	});
	
	$('#addrow').click(function(){
        var $row = $('<tr>');
        
        $('th').each(function() {
            $cell.clone().appendTo($row);
        });
        
        $row.appendTo('tbody');
	});
});

Источник: Клик