crm.twinpol.com/modules/EcmReports/tpls/ReportValue.tpl

<link rel="stylesheet" type="text/css" href="include/jQuery/jquery-table/jquery.appendGrid-1.3.1.css"/>
<link rel="stylesheet" type="text/css" href="include/jQuery/jquery-ui/themes/base/jquery-ui.css"/>
<link rel="stylesheet" type="text/css" href="modules/EcmReports/TableSorter/css/theme.blue.css"/>
<link rel="stylesheet" type="text/css" href="modules/EcmReports/TableSorter/css/theme.blue2.css"/>
<!--  Tablesorter -->
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="modules/EcmReports/TableSorter/js/jquery.min.js"></script>
<script type="text/javascript" src="modules/EcmReports/TableSorter/js/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="modules/EcmReports/TableSorter/js/jquery.tablesorter.staticrow.min.js"></script>
<script type="text/javascript" src="modules/EcmReports/TableSorter/js/jquery.tablesorter.widgets.js"></script>
<script type="text/javascript" src="modules/EcmReports/javascript/jquery.blockUI.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>

<script type="text/javascript" src="modules/EcmReports/javascript/ReportValue.js"></script>

<style type="text/css">
	{literal}
		thead, tfoot {font-weight: bold;}

		table.tablesorter tbody tr:hover td {
			background: #E8E8E8;
			color: #343432;
		}
		/* Extra selectors needed to override the default styling */
		table.tablesorter tbody tr.normal-row td {
			background: #EFEFF1;
			color: #343432;
		}
		table.tablesorter tbody tr.alt-row td {
			background: #FFF;
			color: #343432;
		}
		/* Extra selectors needed to override the default styling */
		table.tablesorter tbody tr.normal-row:hover td {
			background: #E8E8E8;
			color: #343432;
		}
		table.tablesorter tbody tr.alt-row:hover td {
			background: #E8E8E8;
			color: #343432;
		}
		.element{ 
			position:fixed;
			bottom: 0%;
			width: 97%;
			padding:10px;
			font-family:Arial;
			background-color: white;
			border:1px solid black; 
		}
	{/literal}
</style>

<table id="tableMenu" cellspacing="0" cellpadding="0" border="0">
<tbody>
	<tr>
		<td>
			<img src="themes/Sugar/images/EcmProducts.gif" style="margin-top: 3px; margin-right: 3px;" alt="EcmProducts" width="16" border="0" height="16">
		</td>
		<td>
			<h2>{$MOD.LBL_REPORT_VALUE_NAME}</h2>
		</td>
	</tr>
</table>

<br>

<ul class="tablist" style="width:100%;">
	<li>
		<a class="current" href="#">Wyszukiwanie</a>
	</li>		
</ul>

<form action="index.php" method="get" name="where" id="where">
<input type="hidden" name="module" value="EcmReports" />
<input type="hidden" name="action" value="ReportValue" />
<input type="hidden" name="parentTab" value="Raporty"/>
<table style="border-top: 0px none; margin-bottom: 4px;width:100%" class="tabForm" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td style="white-space: nowrap">Data od:
			<input id="date_from" name="date_from" type="text" maxlength="10" size="11" tabindex="" title="Data od" value="{$date_from}" autocomplete="off">
			<img id="date_from_trigger" border="0" align="absmiddle" alt="Enter Date" src="themes/default/images/jscalendar.gif">
			<script language="JavaScript" type="text/javascript">
				Calendar.setup ({ldelim}
					inputField : "date_from",
					daFormat : "{$dateFormat}",
					button : "date_from_trigger",
					singleClick : true,
					dateStr : "",
					step : 1
					{rdelim}
				);
			</script>
		</td>
		<td style="white-space: nowrap">Data do:
			<input autocomplete="off" name="date_to" id="date_to" value="{$date_to}" title="Data do" tabindex="" size="11" maxlength="10" type="text">
			<img src="themes/default/images/jscalendar.gif" alt="Enter Date" id="date_to_trigger" align="absmiddle" border="0">
			<script language="JavaScript" type="text/javascript">
				Calendar.setup ({ldelim}
					inputField : "date_to",
					daFormat : "{$dateFormat}",
					button : "date_to_trigger",
					singleClick : true,
					dateStr : "",
					step : 1
					{rdelim}
				);
			</script>
		</td>
		</form>
		<td>
			<fieldset>
				<legend>{$MOD.LBL_COLUMNS_SHOW}</legend>
				{foreach from=$category key=k item=v}
					{if in_array($k,$selectedColumns)}
						<input type="checkbox" name="selectedColumns[]" value="{$k}" checked="true" > {$v} </input>
					{else}
						<input type="checkbox" name="selectedColumns[]" value="{$k}"> {$v} </input>
					{/if}  
				{/foreach}
				
			</fieldset>
		</td>
	</tr>
</table>
</form>
<input class="button" value="{$MOD.LBL_EXECUTE}" type="submit" form="where">
<input class="button" value="{$MOD.LBL_CLEAR}" type="button" onclick="location.href='index.php?module=EcmReports&action=ReportValue&amp;parentTab=Raporty';">



<table id="myTable" class="tablesorter tablesorter-blue" role="grid">
	<thead>
		<tr class="tablesorter-headerRow" role="row">
			<th width="10%">{$MOD.LBL_YEAR_MONTH}</th>
			{foreach from=$category key=k item=v}
				{if in_array($k,$selectedColumns)}
					<th  value="{$k}">{$v}</th>
				{/if}
			{/foreach}
		    <th width="10%">{$MOD.LBL_SUM}</th>
		</tr>
	</thead>
	<tbody>
		{foreach from=$data key=rok item=miesiac}
			{foreach from=$miesiac key=nazwa item=rekord}
			<tr>
				<td>{$rok} {$nazwa}</td>
				{foreach from=$rekord key=kategoria item=wartosc}
					<td style="text-align: right;">{$wartosc}</td>
				{/foreach}
			</tr>
			{/foreach}
		{/foreach}
	</tbody>
	<tfoot>
		<tr>
			<td>{$MOD.LBL_SUM}</td>
			{foreach from=$suma item=summa}
			<td style="text-align: right;">{$summa}</td>
			{/foreach}
		</tr>
	</tfoot>
</table>

<div id="testujemy"></div>

<div id="chart_div" style="width: 100%; height: 500px;"></div>