Add a column to a datagrid when user click on a button

ishakya

Hi all,
I need to add a column to a datagrid when user click on a button.
I can add a row to a datagrid when clicks on a button.
[text]
NAME VALUE VALUE
TSH 123
ABC 123
[/text]
When user clicks ADD Button,I need to add another column Same as a value to enter repeated values.I'm doing this to record earlier values.
I hope everyone got the idea.
Thanks all

dalecosp

I'm not sure "we" understand. Given that you used the words "click on" two times, though, I wonder if you're looking for some help with Javascript, though?

ishakya

actually i think it should be done using javascript.I have no idea to add column dynamically to a datagrid.

johanafm

Assuming you have

<table id="sometableid">
	<thead>
		<tr>
			<th>Name</th>
			<th>Value</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>A</td>
			<td>1</td>
		</tr>
		<tr>
			<td>B</td>
			<td>2</td>
		</tr>
	</tbody>
</table>
<input type="button" onclick="addValueColumn('sometableid');" value="Add Value Column" />

and use jQuery

function addValueColumn(id)
{
	$('#'+id + '> thead > tr').append('<th>Value</th>');

$('#'+id + '> tbody > tr').each(function()
{
	$(this).append('<td></td>');
});
}

ishakya

Thanks johanafm,
It helps to add columns,but i need to know can i add textboxes in that column,so user can enter values....if yes how is that possible????

Thanks in advance
🆒

johanafm

Just change

'<td></td>'

to include whatever you wish.