Hi,
I have a problem with fixed column.I searched the forumn but i could not find a solution.
When i apply fixed column to datatable,i get following error:
Line: 3500
Error: Unable to get value of the property 'firstChild': object is null or undefined
I think this error occures because of nested table.I have a table in the main table.when i comment the nested table it works ok ! I think fixed column affects on all tables.
This is my page:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="JavaScript/JQuery/jquery-1.7.2.js"></script>
<script src="jquery.dataTables.js" type="text/javascript"></script>
<script src="FixedColumns.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
var oTable = $('#thistable').dataTable({
"sScrollX": "100%",
"sScrollXInner": "150%",
"bScrollCollapse": true
});
new FixedColumns(oTable);
});
</script>
</head>
<body>
<form id="form1" runat="server">
<table id="thistable" cellspacing="0" cellpadding="4">
<thead>
<tr>
<th>
fix column
</th>
<th>
column 1
</th>
<th>
<table id="nestedtable" style="border: 2px solid green; background: #ccc;">
<tr>
<td>
This is my nested table that contains html.
</td>
</tr>
</table>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
1
</td>
<td>
2
</td>
<td>
3
</td>
</tr>
<tr>
<td>
4
</td>
<td>
5
</td>
<td>
6
</td>
</tr>
<tr>
<td>
7
</td>
<td>
8
</td>
<td>
9
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
I apreciate your answer.Thanks.
I have a problem with fixed column.I searched the forumn but i could not find a solution.
When i apply fixed column to datatable,i get following error:
Line: 3500
Error: Unable to get value of the property 'firstChild': object is null or undefined
I think this error occures because of nested table.I have a table in the main table.when i comment the nested table it works ok ! I think fixed column affects on all tables.
This is my page:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="test.aspx.cs" Inherits="test" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="JavaScript/JQuery/jquery-1.7.2.js"></script>
<script src="jquery.dataTables.js" type="text/javascript"></script>
<script src="FixedColumns.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
var oTable = $('#thistable').dataTable({
"sScrollX": "100%",
"sScrollXInner": "150%",
"bScrollCollapse": true
});
new FixedColumns(oTable);
});
</script>
</head>
<body>
<form id="form1" runat="server">
<table id="thistable" cellspacing="0" cellpadding="4">
<thead>
<tr>
<th>
fix column
</th>
<th>
column 1
</th>
<th>
<table id="nestedtable" style="border: 2px solid green; background: #ccc;">
<tr>
<td>
This is my nested table that contains html.
</td>
</tr>
</table>
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
1
</td>
<td>
2
</td>
<td>
3
</td>
</tr>
<tr>
<td>
4
</td>
<td>
5
</td>
<td>
6
</td>
</tr>
<tr>
<td>
7
</td>
<td>
8
</td>
<td>
9
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>
I apreciate your answer.Thanks.