- var tooltipcontent = $(".tooltipcontent");
- tooltipcontent.hide();
-
- $(".tooltiped td").each(function (){
- contentelem = $(this).parent().children().filter(".tooltipcontent");
- if(contentelem.html() != ""){
- $(this).qtip({
- content: contentelem.html(),
- show: "mouseover",
- hide: "mouseout",
- style: {
- name: "light",
- tip: "bottomLeft",
- border: {
- radius: 5,
- color: "#356CA1"
- }
- },
- position: {
- corner: {
- target: "topRight",
- tooltip: "bottomRight"
+ var oTable = $("#budgeth").dataTable($.extend(true, {}, dataTablesDefaults, {
+ "fnDrawCallback": function ( oSettings ) {
+ if ( oSettings.aiDisplay.length == 0 )
+ {
+ return;
+ }
+
+ var nTrs = $('#budgeth 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;