Hi,
I would like to use DataTables to display a list of records (small table). On each row i would like to place a few buttons to submit different forms (for different actions)... i use a second table for the layout of those buttons...
The problem : if i use DataTables for the main table, there is no action executed when i click on the submit button with Internet Explorer... No problem with another browser, no problem if i do not use DataTables and no problem if i do not use the second imbricated table...
Where come this problem from, could it be possible to fix it directly into DataTables or did i really need to avoid the use of the imbricated table ? (i know that using a table for a layout should be avoided, but for my purpose it's really much more easyer and clear)
Here's a small sample to reproduce the problem :
<head>
<script type="text/javascript" language="javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript" language="javascript" src="jquery.dataTables.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#datatable').dataTable({
"bPaginate": true,
"bLengthChange": true,
"iDisplayLength": 25
});
} );
</script>
</head>
<body>
<table id="datatable">
<thead>
<tr>
<th align="center">Test</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<form name="test-form" method="post" action="/test.php">
<td>
<input type="submit" />
</td>
</form>
</tr>
</table>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
</table>
</body>
Here's the example online : http://www.myown.eu/diagie.html (test.php does not exist, that's normal for the test, the problem is that with IE test.php is never called).
Thanks in advance for any tips on this subject.
I would like to use DataTables to display a list of records (small table). On each row i would like to place a few buttons to submit different forms (for different actions)... i use a second table for the layout of those buttons...
The problem : if i use DataTables for the main table, there is no action executed when i click on the submit button with Internet Explorer... No problem with another browser, no problem if i do not use DataTables and no problem if i do not use the second imbricated table...
Where come this problem from, could it be possible to fix it directly into DataTables or did i really need to avoid the use of the imbricated table ? (i know that using a table for a layout should be avoided, but for my purpose it's really much more easyer and clear)
Here's a small sample to reproduce the problem :
<head>
<script type="text/javascript" language="javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript" language="javascript" src="jquery.dataTables.min.js"></script>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#datatable').dataTable({
"bPaginate": true,
"bLengthChange": true,
"iDisplayLength": 25
});
} );
</script>
</head>
<body>
<table id="datatable">
<thead>
<tr>
<th align="center">Test</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<form name="test-form" method="post" action="/test.php">
<td>
<input type="submit" />
</td>
</form>
</tr>
</table>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
</table>
</body>
Here's the example online : http://www.myown.eu/diagie.html (test.php does not exist, that's normal for the test, the problem is that with IE test.php is never called).
Thanks in advance for any tips on this subject.