620 lines
23 KiB
HTML
620 lines
23 KiB
HTML
{% extends 'base.html' %}
|
|
|
|
{% load static %}
|
|
|
|
{% block title %}Managed Tables - Select{% 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-select-bs5/css/select.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-select/js/dataTables.select.min.js' %}"></script>
|
|
<script src="{% static 'plugins/datatables.net-select-bs5/js/select.bootstrap5.min.js' %}"></script>
|
|
<script src="{% static 'js/demo/table-manage-select.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">Select</li>
|
|
</ol>
|
|
<!-- END breadcrumb -->
|
|
<!-- BEGIN page-header -->
|
|
<h1 class="page-header">Managed Tables - Select <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>Operating system (os) style - where a single click will select a single item only, deselecting any others that were previously selected, a shift click will select a range of items and a ctrl / cmd click will add and remove items from the selection.</li>
|
|
<li>Single item select (single) - only a single item can be selected at any one time. Any previously selected items will be deselected.</li>
|
|
<li>Multi-item selection (multi) - item selection is toggled with a single click.</li>
|
|
</ul>
|
|
<p class="mb-20px">
|
|
<a href="http://www.datatables.net/extensions/select/" 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 - Select</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-lime alert-dismissible rounded-0 mb-0 fade show">
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert">
|
|
</button>
|
|
Select adds item selection capabilities to a DataTable. Items can be rows, columns or cells, which can be selected independently, or together. Item selection can be particularly useful in interactive tables where users can perform some action on the table, such as editing rows or marking items to perform an action on.
|
|
</div>
|
|
<!-- END alert -->
|
|
<!-- BEGIN panel-body -->
|
|
<div class="panel-body">
|
|
<table id="data-table-select" width="100%" class="table table-striped table-bordered align-middle text-nowrap">
|
|
<thead>
|
|
<tr>
|
|
<th width="1%"></th>
|
|
<th width="1%" data-orderable="false"></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/select.json' %}"></code></pre>
|
|
</div>
|
|
<!-- END hljs-wrapper -->
|
|
</div>
|
|
<!-- END panel -->
|
|
</div>
|
|
<!-- END col-10 -->
|
|
</div>
|
|
<!-- END row -->
|
|
|
|
{% endblock %} |