Difference between revisions of "Team:Sydney Australia/Parts"

Line 43: Line 43:
 
   margin-right:0%;
 
   margin-right:0%;
 
background: #e2e2e2;
 
background: #e2e2e2;
 +
}
 +
 +
table caption {
 +
padding: .5em 0;
 +
}
 +
 +
table.dataTable th,
 +
table.dataTable td {
 +
  white-space: nowrap;
 +
}
 +
 +
.p {
 +
  text-align: center;
 +
  padding-top: 140px;
 +
  font-size: 14px;
 
}
 
}
  
Line 60: Line 75:
 
</div>
 
</div>
  
 +
<div class="container">
 +
  <div class="row">
 +
    <div class="col-xs-12">
 +
      <table summary="This table shows how to create responsive tables using Datatables' extended functionality" class="table table-bordered table-hover dt-responsive">
 +
        <caption class="text-center">An example of a responsive table based on <a href="https://datatables.net/extensions/responsive/" target="_blank">DataTables</a>:</caption>
 +
        <thead>
 +
          <tr>
 +
            <th>Country</th>
 +
            <th>Languages</th>
 +
            <th>Population</th>
 +
            <th>Median Age</th>
 +
            <th>Area (Km²)</th>
 +
          </tr>
 +
        </thead>
 +
        <tbody>
 +
          <tr>
 +
            <td>Argentina</td>
 +
            <td>Spanish (official), English, Italian, German, French</td>
 +
            <td>41,803,125</td>
 +
            <td>31.3</td>
 +
            <td>2,780,387</td>
 +
          </tr>
 +
          <tr>
 +
            <td>Australia</td>
 +
            <td>English 79%, native and other languages</td>
 +
            <td>23,630,169</td>
 +
            <td>37.3</td>
 +
            <td>7,739,983</td>
 +
          </tr>
 +
          <tr>
 +
            <td>Greece</td>
 +
            <td>Greek 99% (official), English, French</td>
 +
            <td>11,128,404</td>
 +
            <td>43.2</td>
 +
            <td>131,956</td>
 +
          </tr>
 +
          <tr>
 +
            <td>Luxembourg</td>
 +
            <td>Luxermbourgish (national) French, German (both administrative)</td>
 +
            <td>536,761</td>
 +
            <td>39.1</td>
 +
            <td>2,586</td>
 +
          </tr>
 +
          <tr>
 +
            <td>Russia</td>
 +
            <td>Russian, others</td>
 +
            <td>142,467,651</td>
 +
            <td>38.4</td>
 +
            <td>17,076,310</td>
 +
          </tr>
 +
          <tr>
 +
            <td>Sweden</td>
 +
            <td>Swedish, small Sami- and Finnish-speaking minorities</td>
 +
            <td>9,631,261</td>
 +
            <td>41.1</td>
 +
            <td>449,954</td>
 +
          </tr>
 +
        </tbody>
 +
        <tfoot>
 +
          <tr>
 +
            <td colspan="5" class="text-center">Data retrieved from <a href="http://www.infoplease.com/ipa/A0855611.html" target="_blank">infoplease</a> and <a href="http://www.worldometers.info/world-population/population-by-country/" target="_blank">worldometers</a>.</td>
 +
          </tr>
 +
        </tfoot>
 +
      </table>
 +
    </div>
 +
  </div>
 +
</div>
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 01:13, 7 September 2017

An example of a responsive table based on DataTables:
Country Languages Population Median Age Area (Km²)
Argentina Spanish (official), English, Italian, German, French 41,803,125 31.3 2,780,387
Australia English 79%, native and other languages 23,630,169 37.3 7,739,983
Greece Greek 99% (official), English, French 11,128,404 43.2 131,956
Luxembourg Luxermbourgish (national) French, German (both administrative) 536,761 39.1 2,586
Russia Russian, others 142,467,651 38.4 17,076,310
Sweden Swedish, small Sami- and Finnish-speaking minorities 9,631,261 41.1 449,954
Data retrieved from infoplease and worldometers.