619 lines
23 KiB
HTML
619 lines
23 KiB
HTML
{% extends 'base.html' %}
|
|
|
|
{% load static %}
|
|
|
|
{% block title %}Managed Tables - Fixed Header{% endblock %}
|
|
|
|
{% block css %}
|
|
<link href="{% static 'plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css' %}" rel="stylesheet" />
|
|
<link href="{% static 'plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css' %}" rel="stylesheet" />
|
|
<link href="{% static 'plugins/datatables.net-fixedheader-bs5/css/fixedHeader.bootstrap5.min.css' %}" rel="stylesheet" />
|
|
{% endblock %}
|
|
|
|
{% block js %}
|
|
<script src="{% static 'plugins/datatables.net/js/dataTables.min.js' %}"></script>
|
|
<script src="{% static 'plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js' %}"></script>
|
|
<script src="{% static 'plugins/datatables.net-responsive/js/dataTables.responsive.min.js' %}"></script>
|
|
<script src="{% static 'plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js' %}"></script>
|
|
<script src="{% static 'plugins/datatables.net-fixedheader/js/dataTables.fixedHeader.min.js' %}"></script>
|
|
<script src="{% static 'plugins/datatables.net-fixedheader-bs5/js/fixedHeader.bootstrap5.min.js' %}"></script>
|
|
<script src="{% static 'js/demo/table-manage-fixed-header.demo.js' %}"></script>
|
|
<script src="{% static 'plugins/@highlightjs/cdn-assets/highlight.min.js' %}"></script>
|
|
<script src="{% static 'js/demo/render.highlight.js' %}"></script>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<!-- BEGIN breadcrumb -->
|
|
<ol class="breadcrumb float-xl-end">
|
|
<li class="breadcrumb-item"><a href="javascript:;">Home</a></li>
|
|
<li class="breadcrumb-item"><a href="javascript:;">Tables</a></li>
|
|
<li class="breadcrumb-item"><a href="javascript:;">Managed Tables</a></li>
|
|
<li class="breadcrumb-item active">Fixed Header</li>
|
|
</ol>
|
|
<!-- END breadcrumb -->
|
|
<!-- BEGIN page-header -->
|
|
<h1 class="page-header">Managed Tables - Fixed Header <small>header small text goes here...</small></h1>
|
|
<!-- END page-header -->
|
|
<!-- BEGIN row -->
|
|
<div class="row">
|
|
<!-- BEGIN col-2 -->
|
|
<div class="col-xl-2">
|
|
<h5>
|
|
Key features include:
|
|
</h5>
|
|
<ul class="ps-25px mb-3">
|
|
<li>Fix the header to the top of the window</li>
|
|
<li>Ability to fix the footer and left / right columns as well</li>
|
|
<li>z-Index ordering options</li>
|
|
</ul>
|
|
<p class="mb-20px">
|
|
<a href="http://www.datatables.net/extensions/fixedheader/" target="_blank" class="btn btn-dark btn-sm">View Official Website</a>
|
|
</p>
|
|
</div>
|
|
<!-- END col-2 -->
|
|
<!-- BEGIN col-10 -->
|
|
<div class="col-xl-10">
|
|
<!-- BEGIN panel -->
|
|
<div class="panel panel-inverse">
|
|
<!-- BEGIN panel-heading -->
|
|
<div class="panel-heading">
|
|
<h4 class="panel-title">DataTable - Fixed Header</h4>
|
|
<div class="panel-heading-btn">
|
|
<a href="javascript:;" class="btn btn-xs btn-icon btn-default" data-toggle="panel-expand"><i class="fa fa-expand"></i></a>
|
|
<a href="javascript:;" class="btn btn-xs btn-icon btn-success" data-toggle="panel-reload"><i class="fa fa-redo"></i></a>
|
|
<a href="javascript:;" class="btn btn-xs btn-icon btn-warning" data-toggle="panel-collapse"><i class="fa fa-minus"></i></a>
|
|
<a href="javascript:;" class="btn btn-xs btn-icon btn-danger" data-toggle="panel-remove"><i class="fa fa-times"></i></a>
|
|
</div>
|
|
</div>
|
|
<!-- END panel-heading -->
|
|
<!-- BEGIN alert -->
|
|
<div class="alert alert-info alert-dismissible rounded-0 mb-0 fade show">
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert">
|
|
</button>
|
|
At times it can be useful to ensure that column titles will remain always visible on a table, even when a user scrolls down a table. The FixedHeader plug-in for DataTables will float the 'thead' element above the table at all times to help address this issue. The column titles also remain click-able to perform sorting.
|
|
</div>
|
|
<!-- END alert -->
|
|
<!-- BEGIN panel-body -->
|
|
<div class="panel-body">
|
|
<table id="data-table-fixed-header" width="100%" class="table table-striped table-bordered align-middle text-nowrap">
|
|
<thead>
|
|
<tr>
|
|
<th width="1%"><div class="w-10px me-2"></div> </th>
|
|
<th width="1%" data-orderable="false"><div class="w-30px"></div></th>
|
|
<th class="text-nowrap">Rendering engine</th>
|
|
<th class="text-nowrap">Browser</th>
|
|
<th class="text-nowrap">Platform(s)</th>
|
|
<th class="text-nowrap">Engine version</th>
|
|
<th class="text-nowrap">CSS grade</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr class="odd gradeX">
|
|
<td width="1%" class="fw-bold">1</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-1.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Trident</td>
|
|
<td>Internet Explorer 4.0</td>
|
|
<td>Win 95+</td>
|
|
<td>4</td>
|
|
<td>X</td>
|
|
</tr>
|
|
<tr class="even gradeC">
|
|
<td width="1%" class="fw-bold">2</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-2.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Trident</td>
|
|
<td>Internet Explorer 5.0</td>
|
|
<td>Win 95+</td>
|
|
<td>5</td>
|
|
<td>C</td>
|
|
</tr>
|
|
<tr class="odd gradeA">
|
|
<td width="1%" class="fw-bold">3</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-3.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Trident</td>
|
|
<td>Internet Explorer 5.5</td>
|
|
<td>Win 95+</td>
|
|
<td>5.5</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="even gradeA">
|
|
<td width="1%" class="fw-bold">4</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-4.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Trident</td>
|
|
<td>Internet Explorer 6</td>
|
|
<td>Win 98+</td>
|
|
<td>6</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="odd gradeA">
|
|
<td width="1%" class="fw-bold">5</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-5.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Trident</td>
|
|
<td>Internet Explorer 7</td>
|
|
<td>Win XP SP2+</td>
|
|
<td>7</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="even gradeA">
|
|
<td width="1%" class="fw-bold">6</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-6.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Trident</td>
|
|
<td>AOL browser (AOL desktop)</td>
|
|
<td>Win XP</td>
|
|
<td>6</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">7</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-7.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Firefox 1.0</td>
|
|
<td>Win 98+ / OSX.2+</td>
|
|
<td>1.7</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">8</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-8.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Firefox 1.5</td>
|
|
<td>Win 98+ / OSX.2+</td>
|
|
<td>1.8</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">9</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-9.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Firefox 2.0</td>
|
|
<td>Win 98+ / OSX.2+</td>
|
|
<td>1.8</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">10</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-10.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Firefox 3.0</td>
|
|
<td>Win 2k+ / OSX.3+</td>
|
|
<td>1.9</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">11</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-11.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Camino 1.0</td>
|
|
<td>OSX.2+</td>
|
|
<td>1.8</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">12</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-12.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Camino 1.5</td>
|
|
<td>OSX.3+</td>
|
|
<td>1.8</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">13</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-13.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Netscape 7.2</td>
|
|
<td>Win 95+ / Mac OS 8.6-9.2</td>
|
|
<td>1.7</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">14</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-14.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Netscape Browser 8</td>
|
|
<td>Win 98SE+</td>
|
|
<td>1.7</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">15</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-1.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Netscape Navigator 9</td>
|
|
<td>Win 98+ / OSX.2+</td>
|
|
<td>1.8</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">16</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-2.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Mozilla 1.0</td>
|
|
<td>Win 95+ / OSX.1+</td>
|
|
<td>1</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">17</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-3.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Mozilla 1.1</td>
|
|
<td>Win 95+ / OSX.1+</td>
|
|
<td>1.1</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">18</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-4.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Mozilla 1.2</td>
|
|
<td>Win 95+ / OSX.1+</td>
|
|
<td>1.2</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">19</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-5.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Mozilla 1.3</td>
|
|
<td>Win 95+ / OSX.1+</td>
|
|
<td>1.3</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">20</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-6.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Mozilla 1.4</td>
|
|
<td>Win 95+ / OSX.1+</td>
|
|
<td>1.4</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">21</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-7.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Mozilla 1.5</td>
|
|
<td>Win 95+ / OSX.1+</td>
|
|
<td>1.5</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">22</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-8.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Mozilla 1.6</td>
|
|
<td>Win 95+ / OSX.1+</td>
|
|
<td>1.6</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">23</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-9.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Mozilla 1.7</td>
|
|
<td>Win 98+ / OSX.1+</td>
|
|
<td>1.7</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">24</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-10.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Mozilla 1.8</td>
|
|
<td>Win 98+ / OSX.1+</td>
|
|
<td>1.8</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">25</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-11.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Seamonkey 1.1</td>
|
|
<td>Win 98+ / OSX.2+</td>
|
|
<td>1.8</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">26</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-12.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Gecko</td>
|
|
<td>Epiphany 2.20</td>
|
|
<td>Gnome</td>
|
|
<td>1.8</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">27</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-13.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Webkit</td>
|
|
<td>Safari 1.2</td>
|
|
<td>OSX.3</td>
|
|
<td>125.5</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">28</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-14.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Webkit</td>
|
|
<td>Safari 1.3</td>
|
|
<td>OSX.3</td>
|
|
<td>312.8</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">29</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-1.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Webkit</td>
|
|
<td>Safari 2.0</td>
|
|
<td>OSX.4+</td>
|
|
<td>419.3</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">30</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-2.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Webkit</td>
|
|
<td>Safari 3.0</td>
|
|
<td>OSX.4+</td>
|
|
<td>522.1</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">31</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-3.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Webkit</td>
|
|
<td>OmniWeb 5.5</td>
|
|
<td>OSX.4+</td>
|
|
<td>420</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">32</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-4.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Webkit</td>
|
|
<td>iPod Touch / iPhone</td>
|
|
<td>iPod</td>
|
|
<td>420.1</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">33</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-5.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Webkit</td>
|
|
<td>S60</td>
|
|
<td>S60</td>
|
|
<td>413</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">34</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-6.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Presto</td>
|
|
<td>Opera 7.0</td>
|
|
<td>Win 95+ / OSX.1+</td>
|
|
<td>-</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">35</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-7.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Presto</td>
|
|
<td>Opera 7.5</td>
|
|
<td>Win 95+ / OSX.2+</td>
|
|
<td>-</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">36</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-8.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Presto</td>
|
|
<td>Opera 8.0</td>
|
|
<td>Win 95+ / OSX.2+</td>
|
|
<td>-</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">37</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-9.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Presto</td>
|
|
<td>Opera 8.5</td>
|
|
<td>Win 95+ / OSX.2+</td>
|
|
<td>-</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">38</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-10.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Presto</td>
|
|
<td>Opera 9.0</td>
|
|
<td>Win 95+ / OSX.3+</td>
|
|
<td>-</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">39</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-11.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Presto</td>
|
|
<td>Opera 9.2</td>
|
|
<td>Win 88+ / OSX.3+</td>
|
|
<td>-</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">40</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-12.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Presto</td>
|
|
<td>Opera 9.5</td>
|
|
<td>Win 88+ / OSX.3+</td>
|
|
<td>-</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">41</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-13.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Presto</td>
|
|
<td>Opera for Wii</td>
|
|
<td>Wii</td>
|
|
<td>-</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">42</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-14.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Presto</td>
|
|
<td>Nokia N800</td>
|
|
<td>N800</td>
|
|
<td>-</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">43</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-1.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Presto</td>
|
|
<td>Nintendo DS browser</td>
|
|
<td>Nintendo DS</td>
|
|
<td>8.5</td>
|
|
<td>C/A<sup>1</sup></td>
|
|
</tr>
|
|
<tr class="gradeC">
|
|
<td width="1%" class="fw-bold">44</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-2.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>KHTML</td>
|
|
<td>Konqureror 3.1</td>
|
|
<td>KDE 3.1</td>
|
|
<td>3.1</td>
|
|
<td>C</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">45</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-3.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>KHTML</td>
|
|
<td>Konqureror 3.3</td>
|
|
<td>KDE 3.3</td>
|
|
<td>3.3</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">46</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-4.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>KHTML</td>
|
|
<td>Konqureror 3.5</td>
|
|
<td>KDE 3.5</td>
|
|
<td>3.5</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeX">
|
|
<td width="1%" class="fw-bold">47</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-5.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Tasman</td>
|
|
<td>Internet Explorer 4.5</td>
|
|
<td>Mac OS 8-9</td>
|
|
<td>-</td>
|
|
<td>X</td>
|
|
</tr>
|
|
<tr class="gradeC">
|
|
<td width="1%" class="fw-bold">48</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-6.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Tasman</td>
|
|
<td>Internet Explorer 5.1</td>
|
|
<td>Mac OS 7.6-9</td>
|
|
<td>1</td>
|
|
<td>C</td>
|
|
</tr>
|
|
<tr class="gradeC">
|
|
<td width="1%" class="fw-bold">49</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-7.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Tasman</td>
|
|
<td>Internet Explorer 5.2</td>
|
|
<td>Mac OS 8-X</td>
|
|
<td>1</td>
|
|
<td>C</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">50</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-8.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Misc</td>
|
|
<td>NetFront 3.1</td>
|
|
<td>Embedded devices</td>
|
|
<td>-</td>
|
|
<td>C</td>
|
|
</tr>
|
|
<tr class="gradeA">
|
|
<td width="1%" class="fw-bold">51</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-9.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Misc</td>
|
|
<td>NetFront 3.4</td>
|
|
<td>Embedded devices</td>
|
|
<td>-</td>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr class="gradeX">
|
|
<td width="1%" class="fw-bold">52</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-10.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Misc</td>
|
|
<td>Dillo 0.8</td>
|
|
<td>Embedded devices</td>
|
|
<td>-</td>
|
|
<td>X</td>
|
|
</tr>
|
|
<tr class="gradeX">
|
|
<td width="1%" class="fw-bold">53</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-11.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Misc</td>
|
|
<td>Links</td>
|
|
<td>Text only</td>
|
|
<td>-</td>
|
|
<td>X</td>
|
|
</tr>
|
|
<tr class="gradeX">
|
|
<td width="1%" class="fw-bold">54</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-12.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Misc</td>
|
|
<td>Lynx</td>
|
|
<td>Text only</td>
|
|
<td>-</td>
|
|
<td>X</td>
|
|
</tr>
|
|
<tr class="gradeC">
|
|
<td width="1%" class="fw-bold">55</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-13.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Misc</td>
|
|
<td>IE Mobile</td>
|
|
<td>Windows Mobile 6</td>
|
|
<td>-</td>
|
|
<td>C</td>
|
|
</tr>
|
|
<tr class="gradeC">
|
|
<td width="1%" class="fw-bold">57</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-14.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Misc</td>
|
|
<td>PSP browser</td>
|
|
<td>PSP</td>
|
|
<td>-</td>
|
|
<td>C</td>
|
|
</tr>
|
|
<tr class="gradeU">
|
|
<td width="1%" class="fw-bold">58</td>
|
|
<td width="1%"><img src="{% static 'img/user/user-1.jpg' %}" class="rounded h-30px my-n1 mx-n1" /></td>
|
|
<td>Other browsers</td>
|
|
<td>All others</td>
|
|
<td>-</td>
|
|
<td>-</td>
|
|
<td>U</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- END panel-body -->
|
|
<!-- BEGIN hljs-wrapper -->
|
|
<div class="hljs-wrapper">
|
|
<pre><code class="html" data-url="{% static 'data/table-manage/fixed-header.json' %}"></code></pre>
|
|
</div>
|
|
<!-- END hljs-wrapper -->
|
|
</div>
|
|
<!-- END panel -->
|
|
</div>
|
|
<!-- END col-10 -->
|
|
</div>
|
|
<!-- END row -->
|
|
{% endblock %} |