deblan-mirror/TableFilter
1
0
Fork 0
mirror of https://github.com/koalyptus/TableFilter.git synced 2024-05-29 12:04:06 +02:00
Code Issues Releases Wiki Activity
TableFilter/column-calculations.html

1440 lines
37 KiB
HTML
Raw Normal View History

Generated by grunt gh-pages
2018-05-05 10:07:23 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Column calculations | TableFilter</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Bootstrap theme -->
<link href="assets/css/bootstrap-theme.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/theme.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Fixed navbar -->
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="./">TableFilter</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<!-- you can exclude pages using {{#isnt}} helper: {{#isnt data.title 'Blog'}} -->
<li>
<a href="examples.html">Examples</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Github <b class="caret"></b></a>
<ul class="dropdown-menu">
<li>
<a href="https://github.com/koalyptus/TableFilter">Repo</a>
</li>
<li>
<a href="https://github.com/koalyptus/TableFilter/wiki">Wiki</a>
</li>
</ul>
</li>
<li>
<a href="./docs" target="_blank">Docs</a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
<div class="container theme-showcase" role="main">
<h1>Column calculations</h1>
<p>
This example shows how to configure the <code>colOps</code> extension to
enable column calculations. The extension currently supports:
<code>sum</code>, <code>mean</code>, <code>median</code>, <code>min</code>,
<code>max</code>, <code>lower quartile</code>, <code>upper quartile</code>.
</p>
<table id="calc-demo">
<thead>
<tr>
<th width="185">Period</th>
<th width="45">Junk</th>
<th width="45">A</th>
<th width="45">B</th>
<th width="45">C</th>
<th width="45">D</th>
<th width="45">E</th>
<th width="45">F</th>
<th width="45">G</th>
<th width="45">H</th>
<th width="45">I</th>
<th width="45">J</th>
<th width="45">K</th>
<th width="45">L</th>
<th width="45">M</th>
<th width="45">QTD</th>
</tr>
</thead>
<tbody>
<tr>
<td>2006 Q1: Jan-Mar OAA</td>
<td>W</td>
<td>73.6</td>
<td>73.0</td>
<td>73.5</td>
<td>71.3</td>
<td>73.5</td>
<td>73.2</td>
<td>71.6</td>
<td>72.8</td>
<td>74.3</td>
<td>72.1</td>
<td>72.4</td>
<td width="45">73.6</td>
<td>71.1</td>
<td >72.8</td>
</tr>
<tr>
<td>2006 Q1: Jan-Mar FAA</td>
<td>X</td>
<td>70.7</td>
<td>70.1</td>
<td>69.4</td>
<td>68.2</td>
<td>71.3</td>
<td>69.9</td>
<td>67.3</td>
<td>70.3</td>
<td>71.7</td>
<td>69.6</td>
<td>69.0</td>
<td>71.1</td>
<td>67.2</td>
<td>69.7</td>
</tr>
<tr>
<td>2006 Q1: Jan-Mar CPA</td>
<td>X</td>
<td>80.1</td>
<td>78.7</td>
<td>78.0</td>
<td>77.8</td>
<td>78.0</td>
<td>79.6</td>
<td>78.5</td>
<td>78.3</td>
<td>80.9</td>
<td>77.4</td>
<td>78.5</td>
<td>80.4</td>
<td>77.1</td>
<td>78.7</td>
</tr>
<tr>
<td>2006 Q1: Jan-Mar CAA</td>
<td>X</td>
<td>91.8</td>
<td>92.8</td>
<td>94.2</td>
<td>91.7</td>
<td>94.3</td>
<td>91.9</td>
<td>91.2</td>
<td>92.9</td>
<td>91.9</td>
<td>93.1</td>
<td>92.3</td>
<td>91.6</td>
<td>92.3</td>
<td>92.5</td>
</tr>
<tr>
<td>2006 Q1: Jan-Mar RAA</td>
<td>X</td>
<td>18.2</td>
<td>19.8</td>
<td>20.7</td>
<td>20.4</td>
<td>20.7</td>
<td>18.8</td>
<td>19.6</td>
<td>20.2</td>
<td>17.6</td>
<td>21.0</td>
<td>19.8</td>
<td>18.0</td>
<td>21.1</td>
<td>19.7</td>
</tr>
<tr>
<td>2006 Q1: Jan-Mar IAA</td>
<td>W</td>
<td>9.6</td>
<td>9.4</td>
<td>9.2</td>
<td>9.9</td>
<td>8.8</td>
<td>10.5</td>
<td>10.3</td>
<td>10.9</td>
<td>9.5</td>
<td>9.9</td>
<td>10.9</td>
<td>10.6</td>
<td>11.1</td>
<td>10.0</td>
</tr>
<tr>
<td>2006 Q1: Jan-Mar QAA</td>
<td>W</td>
<td>23.0</td>
<td>26.7</td>
<td>28.5</td>
<td>22.3</td>
<td>29.3</td>
<td>21.7</td>
<td>28.8</td>
<td>20.1</td>
<td>25.8</td>
<td>20.7</td>
<td>22.5</td>
<td>31.2</td>
<td>24.5</td>
<td>25.0</td>
</tr>
<tr>
<td>2006 Q1: Jan-Mar PAC</td>
<td>W</td>
<td>95.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
</tr>
<tr>
<td>2006 Q2: Apr-Jun OAA</td>
<td>W</td>
<td>72.5</td>
<td>72.9</td>
<td>72.5</td>
<td>75.1</td>
<td>72.3</td>
<td>72.0</td>
<td>70.0</td>
<td>70.6</td>
<td>68.6</td>
<td>70.2</td>
<td>70.5</td>
<td>69.2</td>
<td>69.2</td>
<td>71.2</td>
</tr>
<tr>
<td>2006 Q2: Apr-Jun FAA</td>
<td>W</td>
<td>69.4</td>
<td>69.7</td>
<td>68.8</td>
<td>71.1</td>
<td>69.0</td>
<td>67.2</td>
<td>66.7</td>
<td>67.5</td>
<td>65.6</td>
<td>67.7</td>
<td>67.8</td>
<td>65.6</td>
<td>66.5</td>
<td>67.9</td>
</tr>
<tr>
<td>2006 Q2: Apr-Jun CPA</td>
<td>W</td>
<td>78.8</td>
<td>79.3</td>
<td>78.2</td>
<td>81.0</td>
<td>77.4</td>
<td>77.9</td>
<td>76.3</td>
<td>76.5</td>
<td>76.2</td>
<td>78.0</td>
<td>78.0</td>
<td>76.8</td>
<td>75.7</td>
<td>77.7</td>
</tr>
<tr>
<td>2006 Q2: Apr-Jun CAA</td>
<td>W</td>
<td>91.9</td>
<td>91.9</td>
<td>92.8</td>
<td>92.7</td>
<td>93.5</td>
<td>92.4</td>
<td>91.8</td>
<td>92.3</td>
<td>90.0</td>
<td>90.0</td>
<td>90.4</td>
<td>90.1</td>
<td>91.4</td>
<td>91.6</td>
</tr>
<tr>
<td>2006 Q2: Apr-Jun RAA</td>
<td>W</td>
<td>19.5</td>
<td>19.0</td>
<td>20.3</td>
<td>17.6</td>
<td>21.2</td>
<td>20.4</td>
<td>21.8</td>
<td>21.7</td>
<td>21.4</td>
<td>19.8</td>
<td>19.9</td>
<td>20.9</td>
<td>22.2</td>
<td>20.4</td>
</tr>
<tr>
<td>2006 Q2: Apr-Jun IAA</td>
<td>W</td>
<td>9.8</td>
<td>9.4</td>
<td>11.3</td>
<td>9.7</td>
<td>10.3</td>
<td>8.7</td>
<td>9.7</td>
<td>12.2</td>
<td>10.0</td>
<td>10.6</td>
<td>9.2</td>
<td>8.3</td>
<td>10.3</td>
<td>10.0</td>
</tr>
<tr>
<td>2006 Q2: Apr-Jun QAA</td>
<td>W</td>
<td>24.7</td>
<td>25.9</td>
<td>23.4</td>
<td>21.2</td>
<td>25.0</td>
<td>23.2</td>
<td>25.1</td>
<td>19.3</td>
<td>24.5</td>
<td>24.1</td>
<td>23.1</td>
<td>24.2</td>
<td>21.5</td>
<td>23.5</td>
</tr>
<tr>
<td>2006 Q2: Apr-Jun PAC</td>
<td>W</td>
<td>92.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
</tr>
<tr>
<td>2006 Q3: Jul-Sep OAA</td>
<td>W</td>
<td>70.7</td>
<td>70.4</td>
<td>70.5</td>
<td>68.7</td>
<td>70.1</td>
<td>71.2</td>
<td>71.3</td>
<td>69.0</td>
<td>71.5</td>
<td>68.1</td>
<td>69.1</td>
<td>71.3</td>
<td>69.7</td>
<td>70.1</td>
</tr>
<tr>
<td>2006 Q3: Jul-Sep FAA</td>
<td>W</td>
<td>67.1</td>
<td>67.4</td>
<td>68.2</td>
<td>66.0</td>
<td>67.6</td>
<td>68.5</td>
<td>68.5</td>
<td>66.9</td>
<td>68.1</td>
<td>65.3</td>
<td>67.2</td>
<td>68.0</td>
<td>66.4</td>
<td>67.3</td>
</tr>
<tr>
<td>2006 Q3: Jul-Sep CPA</td>
<td>W</td>
<td>77.6</td>
<td>77.3</td>
<td>77.3</td>
<td>76.1</td>
<td>77.0</td>
<td>78.4</td>
<td>78.9</td>
<td>77.5</td>
<td>78.4</td>
<td>74.9</td>
<td>76.9</td>
<td>76.7</td>
<td>75.7</td>
<td>77.1</td>
</tr>
<tr>
<td>2006 Q3: Jul-Sep CAA</td>
<td>W</td>
<td>91.0</td>
<td>91.1</td>
<td>91.1</td>
<td>90.2</td>
<td>91.1</td>
<td>90.8</td>
<td>90.3</td>
<td>89.0</td>
<td>91.2</td>
<td>90.9</td>
<td>89.9</td>
<td>93.0</td>
<td>92.1</td>
<td>90.9</td>
</tr>
<tr>
<td>2006 Q3: Jul-Sep RAA</td>
<td>W</td>
<td>20.4</td>
<td>20.7</td>
<td>20.7</td>
<td>21.5</td>
<td>21.0</td>
<td>19.6</td>
<td>19.0</td>
<td>20.0</td>
<td>19.7</td>
<td>22.8</td>
<td>20.7</td>
<td>21.7</td>
<td>22.4</td>
<td>20.8</td>
</tr>
<tr>
<td>2006 Q3: Jul-Sep IAA</td>
<td>W</td>
<td>9.6</td>
<td>10.3</td>
<td>10.8</td>
<td>11.1</td>
<td>10.3</td>
<td>9.7</td>
<td>10.0</td>
<td>10.6</td>
<td>8.4</td>
<td>8.8</td>
<td>10.0</td>
<td>10.4</td>
<td>10.5</td>
<td>10.0</td>
</tr>
<tr>
<td>2006 Q3: Jul-Sep QAA</td>
<td>W</td>
<td>18.9</td>
<td>18.7</td>
<td>21.6</td>
<td>20.2</td>
<td>22.0</td>
<td>21.6</td>
<td>22.6</td>
<td>21.5</td>
<td>17.3</td>
<td>25.0</td>
<td>23.8</td>
<td>23.8</td>
<td>21.6</td>
<td>21.5</td>
</tr>
<tr>
<td>2006 Q3: Jul-Sep PAC</td>
<td>W</td>
<td>94.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
</tr>
<tr>
<td>2006 Q4: Oct-Dec OAA</td>
<td>W</td>
<td>71.7</td>
<td>69.4</td>
<td>70.2</td>
<td>70.9</td>
<td>73.2</td>
<td>70.4</td>
<td>69.9</td>
<td>69.2</td>
<td>71.2</td>
<td>69.3</td>
<td>67.9</td>
<td>69.2</td>
<td>67.4</td>
<td>70.0</td>
</tr>
<tr>
<td>2006 Q4: Oct-Dec FAA</td>
<td>W</td>
<td>69.2</td>
<td>66.6</td>
<td>68.3</td>
<td>68.8</td>
<td>69.6</td>
<td>67.9</td>
<td>67.1</td>
<td>66.9</td>
<td>68.1</td>
<td>67.0</td>
<td>65.4</td>
<td>66.2</td>
<td>64.9</td>
<td>67.4</td>
</tr>
<tr>
<td>2006 Q4: Oct-Dec CPA</td>
<td>W</td>
<td>77.6</td>
<td>75.8</td>
<td>75.6</td>
<td>77.8</td>
<td>78.0</td>
<td>77.2</td>
<td>76.4</td>
<td>75.9</td>
<td>77.3</td>
<td>75.9</td>
<td>74.5</td>
<td>76.4</td>
<td>77.0</td>
<td>76.6</td>
</tr>
<tr>
<td>2006 Q4: Oct-Dec CAA</td>
<td>W</td>
<td>92.4</td>
<td>91.6</td>
<td>92.8</td>
<td>91.1</td>
<td>93.8</td>
<td>91.2</td>
<td>91.5</td>
<td>91.2</td>
<td>92.1</td>
<td>91.3</td>
<td>91.2</td>
<td>90.6</td>
<td>87.6</td>
<td>91.4</td>
</tr>
<tr>
<td>2006 Q4: Oct-Dec RAA</td>
<td>W</td>
<td>20.7</td>
<td>22.2</td>
<td>22.6</td>
<td>20.2</td>
<td>20.6</td>
<td>20.8</td>
<td>21.6</td>
<td>22.0</td>
<td>20.9</td>
<td>22.0</td>
<td>23.3</td>
<td>21.4</td>
<td>20.2</td>
<td>21.4</td>
</tr>
<tr>
<td>2006 Q4: Oct-Dec IAA</td>
<td>W</td>
<td>9.3</td>
<td>10.4</td>
<td>9.4</td>
<td>9.7</td>
<td>10.1</td>
<td>9.5</td>
<td>9.8</td>
<td>9.6</td>
<td>9.8</td>
<td>9.2</td>
<td>9.0</td>
<td>9.1</td>
<td>9.7</td>
<td>9.6</td>
</tr>
<tr>
<td>2006 Q4: Oct-Dec QAA</td>
<td>W</td>
<td>22.5</td>
<td>21.7</td>
<td>23.0</td>
<td>19.5</td>
<td>22.7</td>
<td>26.6</td>
<td>24.9</td>
<td>23.5</td>
<td>24.1</td>
<td>31.8</td>
<td>22.4</td>
<td>22.8</td>
<td>21.1</td>
<td>23.6</td>
</tr>
<tr>
<td>2006 Q4: Oct-Dec PAC</td>
<td>W</td>
<td>99.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
</tr>
<tr>
<td>2007 Q1: Jan-Mar OAA</td>
<td>W</td>
<td>68.2</td>
<td>72.6</td>
<td>70.3</td>
<td>69.7</td>
<td>71.4</td>
<td>69.3</td>
<td>66.9</td>
<td>70.3</td>
<td>71.8</td>
<td>69.9</td>
<td>71.0</td>
<td>70.9</td>
<td>65.7</td>
<td>69.9</td>
</tr>
<tr>
<td>2007 Q1: Jan-Mar FAA</td>
<td>W</td>
<td>66.2</td>
<td>70.4</td>
<td>67.2</td>
<td>67.1</td>
<td>68.7</td>
<td>66.4</td>
<td>63.9</td>
<td>67.1</td>
<td>69.6</td>
<td>68.2</td>
<td>68.1</td>
<td>69.1</td>
<td>63.2</td>
<td>67.3</td>
</tr>
<tr>
<td>2007 Q1: Jan-Mar CPA</td>
<td>W</td>
<td>76.7</td>
<td>78.2</td>
<td>75.3</td>
<td>74.9</td>
<td>76.1</td>
<td>75.9</td>
<td>73.4</td>
<td>76.8</td>
<td>78.4</td>
<td>76.3</td>
<td>76.1</td>
<td>76.9</td>
<td>73.4</td>
<td>76.0</td>
</tr>
<tr>
<td>2007 Q1: Jan-Mar CAA</td>
<td>W</td>
<td>88.9</td>
<td>92.8</td>
<td>93.3</td>
<td>93.2</td>
<td>93.7</td>
<td>91.4</td>
<td>91.2</td>
<td>91.5</td>
<td>91.6</td>
<td>91.7</td>
<td>93.3</td>
<td>92.2</td>
<td>89.5</td>
<td>91.9</td>
</tr>
<tr>
<td>2007 Q1: Jan-Mar RAA</td>
<td>X</td>
<td>20.7</td>
<td>20.3</td>
<td>23.0</td>
<td>23.4</td>
<td>22.4</td>
<td>22.1</td>
<td>24.2</td>
<td>21.2</td>
<td>19.8</td>
<td>21.8</td>
<td>22.3</td>
<td>21.2</td>
<td>23.8</td>
<td>22.0</td>
</tr>
<tr>
<td>2007 Q1: Jan-Mar IAA</td>
<td>X</td>
<td>8.5</td>
<td>9.1</td>
<td>10.3</td>
<td>8.7</td>
<td>9.3</td>
<td>11.0</td>
<td>9.3</td>
<td>9.8</td>
<td>8.8</td>
<td>9.1</td>
<td>10.0</td>
<td>9.3</td>
<td>11.3</td>
<td>9.6</td>
</tr>
<tr>
<td>2007 Q1: Jan-Mar QAA</td>
<td>X</td>
<td>18.3</td>
<td>23.1</td>
<td>23.6</td>
<td>26.0</td>
<td>30.0</td>
<td>23.9</td>
<td>24.7</td>
<td>20.4</td>
<td>22.4</td>
<td>23.8</td>
<td>20.3</td>
<td>24.6</td>
<td>21.8</td>
<td>23.4</td>
</tr>
<tr>
<td>2007 Q1: Jan-Mar PAC</td>
<td>X</td>
<td>99.5</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
<td>100.0</td>
</tr>
</tbody>
</table>
<div data-config>
<table class="TF">
<thead>
<tr>
<th width="185">Period</th>
<th width="45">Junk</th>
<th width="45">A</th>
<th width="45">B</th>
<th width="45">C</th>
<th width="45">D</th>
<th width="45">E</th>
<th width="45">F</th>
<th width="45">G</th>
<th width="45">H</th>
<th width="45">I</th>
<th width="45">J</th>
<th width="45">K</th>
<th width="45">L</th>
<th width="45">M</th>
<th width="45">QTD</th>
</tr>
</thead>
<tbody>
<tr>
<td>Sum of Displayed rows</td>
<td id="demosum1" ></td>
<td id="demosum2" ></td>
<td id="demosum3" ></td>
<td id="demosum4" ></td>
<td id="demosum5" ></td>
<td id="demosum6" ></td>
<td id="demosum7" ></td>
<td id="demosum8" ></td>
<td id="demosum9" ></td>
<td id="demosum10" ></td>
<td id="demosum11" ></td>
<td id="demosum12" ></td>
<td id="demosum13" ></td>
<td id="demosum14" ></td>
<td id="demosum15" ></td>
</tr>
<tr>
<td>Mean of Displayed rows</td>
<td id="demomean1"></td>
<td id="demomean2"></td>
<td id="demomean3"></td>
<td id="demomean4"></td>
<td id="demomean5"></td>
<td id="demomean6"></td>
<td id="demomean7"></td>
<td id="demomean8"></td>
<td id="demomean9"></td>
<td id="demomean10"></td>
<td id="demomean11"></td>
<td id="demomean12"></td>
<td id="demomean13"></td>
<td id="demomean14"></td>
<td id="demomean15"></td>
</tr>
<tr>
<td>Min of Displayed rows</td>
<td id="demomin1"></td>
<td id="demomin2"></td>
<td id="demomin3"></td>
<td id="demomin4"></td>
<td id="demomin5"></td>
<td id="demomin6"></td>
<td id="demomin7"></td>
<td id="demomin8"></td>
<td id="demomin9"></td>
<td id="demomin10"></td>
<td id="demomin11"></td>
<td id="demomin12"></td>
<td id="demomin13"></td>
<td id="demomin14"></td>
<td id="demomin15"></td>
</tr>
<tr>
<td>Lower Quartile of Displayed rows</td>
<td id="demoLQ1"></td>
<td id="demoLQ2"></td>
<td id="demoLQ3"></td>
<td id="demoLQ4"></td>
<td id="demoLQ5"></td>
<td id="demoLQ6"></td>
<td id="demoLQ7"></td>
<td id="demoLQ8"></td>
<td id="demoLQ9"></td>
<td id="demoLQ10"></td>
<td id="demoLQ11"></td>
<td id="demoLQ12"></td>
<td id="demoLQ13"></td>
<td id="demoLQ14"></td>
<td id="demoLQ15"></td>
</tr>
<tr>
<td>Median of Displayed rows</td>
<td id="demoMed1"></td>
<td id="demoMed2"></td>
<td id="demoMed3"></td>
<td id="demoMed4"></td>
<td id="demoMed5"></td>
<td id="demoMed6"></td>
<td id="demoMed7"></td>
<td id="demoMed8"></td>
<td id="demoMed9"></td>
<td id="demoMed10"></td>
<td id="demoMed11"></td>
<td id="demoMed12"></td>
<td id="demoMed13"></td>
<td id="demoMed14"></td>
<td id="demoMed15"></td>
</tr>
<tr>
<td>Upper Quartile of Displayed rows</td>
<td id="demoUQ1"></td>
<td id="demoUQ2"></td>
<td id="demoUQ3"></td>
<td id="demoUQ4"></td>
<td id="demoUQ5"></td>
<td id="demoUQ6"></td>
<td id="demoUQ7"></td>
<td id="demoUQ8"></td>
<td id="demoUQ9"></td>
<td id="demoUQ10"></td>
<td id="demoUQ11"></td>
<td id="demoUQ12"></td>
<td id="demoUQ13"></td>
<td id="demoUQ14"></td>
<td id="demoUQ15"></td>
</tr>
<tr>
<td>Max of Displayed rows</td>
<td id="demomax1"></td>
<td id="demomax2"></td>
<td id="demomax3"></td>
<td id="demomax4"></td>
<td id="demomax5"></td>
<td id="demomax6"></td>
<td id="demomax7"></td>
<td id="demomax8"></td>
<td id="demomax9"></td>
<td id="demomax10"></td>
<td id="demomax11"></td>
<td id="demomax12"></td>
<td id="demomax13"></td>
<td id="demomax14"></td>
<td id="demomax15"></td>
</tr>
</tbody>
</table>
</div>
<script src="tablefilter/tablefilter.js"></script>
<script data-config>
var tf = new TableFilter(
document.querySelector('#calc-demo'),
{
base_path: 'tablefilter/',
alternate_rows: true,
rows_counter: {
text: 'Items: '
},
btn_reset: true,
status_bar: true,
col_types: [
'none', 'string', 'number',
'number', 'number', 'number',
'number', 'number', 'number',
'number', 'number', 'number',
'number', 'number', 'number',
'number'
],
sort_select: true,
col_1: 'select',
// extensions: sort and column operations
extensions: [
{
name: 'sort'
}, {
name: 'colOps',
id: [
'demosum2', 'demomean2', 'demomin2', 'demoLQ2', 'demoMed2', 'demoUQ2', 'demomax2',
'demosum3', 'demomean3', 'demomin3', 'demoLQ3', 'demoMed3', 'demoUQ3', 'demomax3',
'demosum4', 'demomean4', 'demomin4', 'demoLQ4', 'demoMed4', 'demoUQ4', 'demomax4',
'demosum5', 'demomean5', 'demomin5', 'demoLQ5', 'demoMed5', 'demoUQ5', 'demomax5',
'demosum6', 'demomean6', 'demomin6', 'demoLQ6', 'demoMed6', 'demoUQ6', 'demomax6',
'demosum7', 'demomean7', 'demomin7', 'demoLQ7', 'demoMed7', 'demoUQ7', 'demomax7',
'demosum8', 'demomean8', 'demomin8', 'demoLQ8', 'demoMed8', 'demoUQ8', 'demomax8',
'demosum9', 'demomean9', 'demomin9', 'demoLQ9', 'demoMed9', 'demoUQ9', 'demomax9',
'demosum10', 'demomean10', 'demomin10', 'demoLQ10', 'demoMed10', 'demoUQ10', 'demomax10',
'demosum11', 'demomean11', 'demomin11', 'demoLQ11', 'demoMed11', 'demoUQ11', 'demomax11',
'demosum12', 'demomean12', 'demomin12', 'demoLQ12', 'demoMed12', 'demoUQ12', 'demomax12',
'demosum13', 'demomean13', 'demomin13', 'demoLQ13', 'demoMed13', 'demoUQ13', 'demomax13',
'demosum14', 'demomean14', 'demomin14', 'demoLQ14', 'demoMed14', 'demoUQ14', 'demomax14',
'demosum15', 'demomean15', 'demomin15', 'demoLQ15', 'demoMed15', 'demoUQ15', 'demomax15'
],
col: [
2, 2, 2, 2, 2, 2, 2,
3, 3, 3, 3, 3, 3, 3,
4, 4, 4, 4, 4, 4, 4,
5, 5, 5, 5, 5, 5, 5,
6, 6, 6, 6, 6, 6, 6,
7, 7, 7, 7, 7, 7, 7,
8, 8, 8, 8, 8, 8, 8,
9, 9, 9, 9, 9, 9, 9,
10, 10, 10, 10, 10, 10, 10,
11, 11, 11, 11, 11, 11, 11,
12, 12, 12, 12, 12, 12, 12,
13, 13, 13, 13, 13, 13, 13,
14, 14, 14, 14, 14, 14, 14,
15, 15, 15, 15, 15, 15, 15
],
operation: [
'sum', 'mean', 'min', 'Q1', 'median', 'Q3', 'max',
'sum', 'mean', 'min', 'Q1', 'median', 'Q3', 'max',
'sum', 'mean', 'min', 'Q1', 'median', 'Q3', 'max',
'sum', 'mean', 'min', 'Q1', 'median', 'Q3', 'max',
'sum', 'mean', 'min', 'Q1', 'median', 'Q3', 'max',
'sum', 'mean', 'min', 'Q1', 'median', 'Q3', 'max',
'sum', 'mean', 'min', 'Q1', 'median', 'Q3', 'max',
'sum', 'mean', 'min', 'Q1', 'median', 'Q3', 'max',
'sum', 'mean', 'min', 'Q1', 'median', 'Q3', 'max',
'sum', 'mean', 'min', 'Q1', 'median', 'Q3', 'max',
'sum', 'mean', 'min', 'Q1', 'median', 'Q3', 'max',
'sum', 'mean', 'min', 'Q1', 'median', 'Q3', 'max',
'sum', 'mean', 'min', 'Q1', 'median', 'Q3', 'max',
'sum', 'mean', 'min', 'Q1', 'median', 'Q3', 'max'
],
decimal_precision: [
1, 1, 1, 1, 1, 1, 1,
1, 1, 1, 1, 1, 1, 1,
1, 1, 1, 1, 1, 1, 1,
1, 1, 1, 1, 1, 1, 1,
1, 1, 1, 1, 1, 1, 1,
1, 1, 1, 1, 1, 1, 1,
1, 1, 1, 1, 1, 1, 1,
1, 1, 1, 1, 1, 1, 1,
1, 1, 1, 1, 1, 1, 1,
1, 1, 1, 1, 1, 1, 1,
1, 1, 1, 1, 1, 1, 1,
1, 1, 1, 1, 1, 1, 1,
1, 1, 1, 1, 1, 1, 1,
1, 1, 1, 1, 1, 1, 1
]
}
]
}
);
tf.init();
</script>
<hr>
<ul class="nav nav-pills">
<li class="active">
<a data-toggle="tab" href="#js">JS</a>
</li>
<li>
<a data-toggle="tab" href="#html">HTML</a>
</li>
<li>
<a data-toggle="tab" href="#css">CSS</a>
</li>
</ul>
<div class="tab-content">
<div id="js" class="tab-pane fade in active">
<!--
DO NOT COPY: NOT PART OF TABLEFILTER
-->
<pre class="js">
<code class="javascript"></code>
</pre>
<script src="assets/js/js-code-in-pre.js"></script>
<!-- -->
</div>
<div id="html" class="tab-pane fade">
<!--
DO NOT COPY: NOT PART OF TABLEFILTER
-->
<pre class="html">
<code class="xml"></code>
</pre>
<script src="assets/js/html-code-in-pre.js"></script>
<!-- -->
</div>
<div id="css" class="tab-pane fade">
<!--
DO NOT COPY: NOT PART OF TABLEFILTER
-->
<pre class="css">
<code class="css"></code>
</pre>
<script src="assets/js/css-code-in-pre.js"></script>
<!-- -->
</div>
</div>
</div>
<nav class="navbar navbar-default navbar-bottom">
<div class="container">
<ul class="nav navbar-nav">
<li>
<a href="https://github.com/koalyptus/TableFilter">Repo</a>
</li>
<li>
<a href="https://github.com/koalyptus/TableFilter/wiki">Wiki</a>
</li>
<li>
<a href="./docs" target="_blank">Docs</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li>
<p>
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
<input type="hidden" name="cmd" value="_donations">
<input type="hidden" name="business" value="maxgug@hotmail.com">
<input type="hidden" name="lc" value="BM">
<input type="hidden" name="item_name" value="TableFilter">
<input type="hidden" name="no_note" value="0">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="bn" value="PP-DonationsBF:btn_donate_LG.gif:NonHosted">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_AU/i/scr/pixel.gif" width="1" height="1">
</form>
</p>
</li>
<li>
<a href="https://flattr.com/submit/auto?user_id=koalyptus&
url=https%3A%2F%2Fgithub.com%2Fkoalyptus%2FTablefilter">
<img src="https://api.flattr.com/button/flattr-badge-large.png"
alt="TableFilter - A Javascript library making HTML tables filterable
and a bit more" />
</a>
</li>
</ul>
</div>
</nav>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/github-fork-me.js"></script>
<!--
DO NOT COPY: NOT PART OF TABLEFILTER
-->
<link rel="stylesheet" href="assets/js/highlight/styles/monokai-sublime.css">
<script src="assets/js/highlight/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
<!-- -->
<script type="text/javascript"
src="//s7.addthis.com/js/300/addthis_widget.js#pubid=maxgug"
async="async"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-68429903-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>
Reference in a new issue Copy permalink