DataTables

Hi i am new to data table,
I want to upload file in editable datatable . My code as follows .

HTML
-----
<input type="hidden" name="id" id="id" value="" />
<table border="0" cellpadding="3" cellspacing="0">
<tr><td><label for="txtClientName" id="txtClientName">Client Name</label></td><td><input type="text" title="Client Name" name="txtClientName" id="txtClientName" maxlength="20" class="required inputStyle" /></td></tr>
<tr><td><label for="txtClientAddress">Client Address</label></td><td><input type="text" name="txtClientAddress" title="Client Address" id="txtClientAddress" maxlength="50" class="required inputStyle"/></td></tr>
<tr><td><label for="txtContactName" id="txtContactName">ContactPerson</label></td><td><input type="text" title="ContactPerson" name="txtContactName" id="txtContactName" maxlength="20" class="required inputStyle" /></td></tr>
<tr>
<td valign="top"><label title="Attachment" for="files">
Attachment</label><input type="hidden" name="hdnfileupload"
id="hdnfileupload" value="">
</td>
<td style="width: 300px" class="fu_readonly" id="tabfileupload"><div
id="fileupload" class="ui-widget">
<div >
<table cellpadding="0" cellspacing="0" border="0" width="100%"
style="table-layout: fixed;" class="fileinfo"></table>
</div>
<form action="pages/Client/WManageClient.jsp?CRUD=IMageUpload"
method="post" class="hideall showall removeall" enctype="multipart/form-data"
style="" >
<div class="fileupload-buttonbar">
<span
class="btn success fileinput-button ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
role="button"><span class="ui-button-text"><span>Upload...</span>
</span><input type="file" name="fileinfo" tabindex="4" > </span>
</div>
</form>
</div>
</td>
</tr>
<tr><td><label for="txtIsActive">Is Active</label></td><td><select name="txtIsActive" id="txtIsActive" title="Is Active" class="required status"><option value="1">True</option><option value="0">False</option></select></td></tr>
</table>
<input type="hidden" name="CRUD" id="CRUD" value="ADD" />
</form>