Avron2
Новичок
Кто работал с компонентом DataTables?
Как этот компонент работает с объединенными ячейками. Допустим нужно объединить ячейку "Вторая колонка3".
Где тут что? Кто сталкивался?
Как этот компонент работает с объединенными ячейками. Допустим нужно объединить ячейку "Вторая колонка3".
PHP:
<html>
<head>
<script src="/jQuery/jquery.js" type="text/javascript"></script>
<script src="/jquery.dataTables.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
oTable = $('#report').dataTable({
"fnDrawCallback": function ( oSettings ) {
if ( oSettings.aiDisplay.length == 0 )
{
return;
}
var nTrs = $('#report tbody tr');
var iColspan = nTrs[0].getElementsByTagName('td').length;
var sLastGroup = "";
for ( var i=0 ; i<nTrs.length ; i++ )
{
var iDisplayIndex = oSettings._iDisplayStart + i;
var sGroup = oSettings.aoData[ oSettings.aiDisplay[iDisplayIndex] ]._aData[0];
if ( sGroup != sLastGroup )
{
var nGroup = document.createElement( 'tr' );
var nCell = document.createElement( 'td' );
nCell.colSpan = iColspan;
nCell.className = "group";
nCell.innerHTML = sGroup;
nGroup.appendChild( nCell );
nTrs[i].parentNode.insertBefore( nGroup, nTrs[i] );
sLastGroup = sGroup;
}
}
},
"aoColumnDefs": [
{ "bVisible": false, "aTargets": [ 0 ] }
],
"aaSortingFixed": [[ 0, 'asc' ]],
"aaSorting": [[ 1, 'asc' ]],
"sDom": 'lfr<"giveHeight"t>ip'
});
});
</script>
</head>
<body>
<table id="report" border="1">
<thead>
<tr>
<th>Первая колонка</th>
<th>Вторая колонка</th>
<th>Третья колонка</th>
</tr>
</thead>
<tbody>
<tr>
<td>Первая колонка2</td>
<td>Вторая колонка2</td>
<td>Третья колонка2</td>
</tr>
<tr>
<td>Первая колонка3</td>
<td>Вторая колонка3</td>
<td>Третья колонка3</td>
</tr>
</tbody>
</table>
</body>
</html>
