tables.html 95 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Bootstrap表格插件 - 宇威科技-唐佳云在线学习管理系统</title>
  6. <meta name="keywords" content="Bootstrap模版,Bootstrap模版下载,Bootstrap教程,Bootstrap中文" />
  7. <meta name="description" content="JS代码网提供Bootstrap模版,Bootstrap教程,Bootstrap中文翻译等相关Bootstrap插件下载" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  9. <!-- basic styles -->
  10. <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
  11. <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
  12. <!--[if IE 7]>
  13. <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
  14. <![endif]-->
  15. <!-- page specific plugin styles -->
  16. <!-- fonts -->
  17. <!--<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,300" />-->
  18. <!-- ace styles -->
  19. <link rel="stylesheet" href="assets/css/ace.min.css" />
  20. <link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
  21. <link rel="stylesheet" href="assets/css/ace-skins.min.css" />
  22. <!--[if lte IE 8]>
  23. <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
  24. <![endif]-->
  25. <!-- inline styles related to this page -->
  26. <!-- ace settings handler -->
  27. <script src="assets/js/ace-extra.min.js"></script>
  28. <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  29. <!--[if lt IE 9]>
  30. <script src="assets/js/html5shiv.js"></script>
  31. <script src="assets/js/respond.min.js"></script>
  32. <![endif]-->
  33. </head>
  34. <body>
  35. <div class="navbar navbar-default" id="navbar">
  36. <script type="text/javascript">
  37. try{ace.settings.check('navbar' , 'fixed')}catch(e){}
  38. </script>
  39. <div class="navbar-container" id="navbar-container">
  40. <div class="navbar-header pull-left">
  41. <a href="#" class="navbar-brand">
  42. <small>
  43. <i class="icon-leaf"></i>
  44. 唐佳云在线学习管理系统
  45. </small>
  46. </a><!-- /.brand -->
  47. </div><!-- /.navbar-header -->
  48. <div class="navbar-header pull-right" role="navigation">
  49. <ul class="nav ace-nav">
  50. <li class="grey">
  51. <a data-toggle="dropdown" class="dropdown-toggle" href="#">
  52. <i class="icon-tasks"></i>
  53. <span class="badge badge-grey">4</span>
  54. </a>
  55. <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
  56. <li class="dropdown-header">
  57. <i class="icon-ok"></i>
  58. 4 Tasks to complete
  59. </li>
  60. <li>
  61. <a href="#">
  62. <div class="clearfix">
  63. <span class="pull-left">Software Update</span>
  64. <span class="pull-right">65%</span>
  65. </div>
  66. <div class="progress progress-mini ">
  67. <div style="width:65%" class="progress-bar "></div>
  68. </div>
  69. </a>
  70. </li>
  71. <li>
  72. <a href="#">
  73. <div class="clearfix">
  74. <span class="pull-left">Hardware Upgrade</span>
  75. <span class="pull-right">35%</span>
  76. </div>
  77. <div class="progress progress-mini ">
  78. <div style="width:35%" class="progress-bar progress-bar-danger"></div>
  79. </div>
  80. </a>
  81. </li>
  82. <li>
  83. <a href="#">
  84. <div class="clearfix">
  85. <span class="pull-left">Unit Testing</span>
  86. <span class="pull-right">15%</span>
  87. </div>
  88. <div class="progress progress-mini ">
  89. <div style="width:15%" class="progress-bar progress-bar-warning"></div>
  90. </div>
  91. </a>
  92. </li>
  93. <li>
  94. <a href="#">
  95. <div class="clearfix">
  96. <span class="pull-left">Bug Fixes</span>
  97. <span class="pull-right">90%</span>
  98. </div>
  99. <div class="progress progress-mini progress-striped active">
  100. <div style="width:90%" class="progress-bar progress-bar-success"></div>
  101. </div>
  102. </a>
  103. </li>
  104. <li>
  105. <a href="#">
  106. See tasks with details
  107. <i class="icon-arrow-right"></i>
  108. </a>
  109. </li>
  110. </ul>
  111. </li>
  112. <li class="purple">
  113. <a data-toggle="dropdown" class="dropdown-toggle" href="#">
  114. <i class="icon-bell-alt icon-animated-bell"></i>
  115. <span class="badge badge-important">8</span>
  116. </a>
  117. <ul class="pull-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
  118. <li class="dropdown-header">
  119. <i class="icon-warning-sign"></i>
  120. 8 Notifications
  121. </li>
  122. <li>
  123. <a href="#">
  124. <div class="clearfix">
  125. <span class="pull-left">
  126. <i class="btn btn-xs no-hover btn-pink icon-comment"></i>
  127. New Comments
  128. </span>
  129. <span class="pull-right badge badge-info">+12</span>
  130. </div>
  131. </a>
  132. </li>
  133. <li>
  134. <a href="#">
  135. <i class="btn btn-xs btn-primary icon-user"></i>
  136. Bob just signed up as an editor ...
  137. </a>
  138. </li>
  139. <li>
  140. <a href="#">
  141. <div class="clearfix">
  142. <span class="pull-left">
  143. <i class="btn btn-xs no-hover btn-success icon-shopping-cart"></i>
  144. New Orders
  145. </span>
  146. <span class="pull-right badge badge-success">+8</span>
  147. </div>
  148. </a>
  149. </li>
  150. <li>
  151. <a href="#">
  152. <div class="clearfix">
  153. <span class="pull-left">
  154. <i class="btn btn-xs no-hover btn-info icon-twitter"></i>
  155. Followers
  156. </span>
  157. <span class="pull-right badge badge-info">+11</span>
  158. </div>
  159. </a>
  160. </li>
  161. <li>
  162. <a href="#">
  163. See all notifications
  164. <i class="icon-arrow-right"></i>
  165. </a>
  166. </li>
  167. </ul>
  168. </li>
  169. <li class="green">
  170. <a data-toggle="dropdown" class="dropdown-toggle" href="#">
  171. <i class="icon-envelope icon-animated-vertical"></i>
  172. <span class="badge badge-success">5</span>
  173. </a>
  174. <ul class="pull-right dropdown-navbar dropdown-menu dropdown-caret dropdown-close">
  175. <li class="dropdown-header">
  176. <i class="icon-envelope-alt"></i>
  177. 5 Messages
  178. </li>
  179. <li>
  180. <a href="#">
  181. <img src="assets/avatars/avatar.png" class="msg-photo" alt="Alex's Avatar" />
  182. <span class="msg-body">
  183. <span class="msg-title">
  184. <span class="blue">Alex:</span>
  185. Ciao sociis natoque penatibus et auctor ...
  186. </span>
  187. <span class="msg-time">
  188. <i class="icon-time"></i>
  189. <span>a moment ago</span>
  190. </span>
  191. </span>
  192. </a>
  193. </li>
  194. <li>
  195. <a href="#">
  196. <img src="assets/avatars/avatar3.png" class="msg-photo" alt="Susan's Avatar" />
  197. <span class="msg-body">
  198. <span class="msg-title">
  199. <span class="blue">Susan:</span>
  200. Vestibulum id ligula porta felis euismod ...
  201. </span>
  202. <span class="msg-time">
  203. <i class="icon-time"></i>
  204. <span>20 minutes ago</span>
  205. </span>
  206. </span>
  207. </a>
  208. </li>
  209. <li>
  210. <a href="#">
  211. <img src="assets/avatars/avatar4.png" class="msg-photo" alt="Bob's Avatar" />
  212. <span class="msg-body">
  213. <span class="msg-title">
  214. <span class="blue">Bob:</span>
  215. Nullam quis risus eget urna mollis ornare ...
  216. </span>
  217. <span class="msg-time">
  218. <i class="icon-time"></i>
  219. <span>3:15 pm</span>
  220. </span>
  221. </span>
  222. </a>
  223. </li>
  224. <li>
  225. <a href="inbox.html">
  226. See all messages
  227. <i class="icon-arrow-right"></i>
  228. </a>
  229. </li>
  230. </ul>
  231. </li>
  232. <li class="light-blue">
  233. <a data-toggle="dropdown" href="#" class="dropdown-toggle">
  234. <img class="nav-user-photo" src="assets/avatars/user.jpg" alt="Jason's Photo" />
  235. <span class="user-info">
  236. <small>Welcome,</small>
  237. Jason
  238. </span>
  239. <i class="icon-caret-down"></i>
  240. </a>
  241. <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
  242. <li>
  243. <a href="#">
  244. <i class="icon-cog"></i>
  245. Settings
  246. </a>
  247. </li>
  248. <li>
  249. <a href="#">
  250. <i class="icon-user"></i>
  251. Profile
  252. </a>
  253. </li>
  254. <li class="divider"></li>
  255. <li>
  256. <a href="#">
  257. <i class="icon-off"></i>
  258. Logout
  259. </a>
  260. </li>
  261. </ul>
  262. </li>
  263. </ul><!-- /.ace-nav -->
  264. </div><!-- /.navbar-header -->
  265. </div><!-- /.container -->
  266. </div>
  267. <div class="main-container" id="main-container">
  268. <script type="text/javascript">
  269. try{ace.settings.check('main-container' , 'fixed')}catch(e){}
  270. </script>
  271. <div class="main-container-inner">
  272. <a class="menu-toggler" id="menu-toggler" href="#">
  273. <span class="menu-text"></span>
  274. </a>
  275. <div class="sidebar" id="sidebar">
  276. <script type="text/javascript">
  277. try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
  278. </script>
  279. <div class="sidebar-shortcuts" id="sidebar-shortcuts">
  280. <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
  281. <button class="btn btn-success">
  282. <i class="icon-signal"></i>
  283. </button>
  284. <button class="btn btn-info">
  285. <i class="icon-pencil"></i>
  286. </button>
  287. <button class="btn btn-warning">
  288. <i class="icon-group"></i>
  289. </button>
  290. <button class="btn btn-danger">
  291. <i class="icon-cogs"></i>
  292. </button>
  293. </div>
  294. <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
  295. <span class="btn btn-success"></span>
  296. <span class="btn btn-info"></span>
  297. <span class="btn btn-warning"></span>
  298. <span class="btn btn-danger"></span>
  299. </div>
  300. </div><!-- #sidebar-shortcuts -->
  301. <ul class="nav nav-list">
  302. <li class="active">
  303. <a href="index.html">
  304. <i class="icon-dashboard"></i>
  305. <span class="menu-text"> 控制台 </span>
  306. </a>
  307. </li>
  308. <li>
  309. <a href="typography.html">
  310. <i class="icon-text-width"></i>
  311. <span class="menu-text"> 文字排版 </span>
  312. </a>
  313. </li>
  314. <li>
  315. <a href="#" class="dropdown-toggle">
  316. <i class="icon-desktop"></i>
  317. <span class="menu-text"> UI 组件 </span>
  318. <b class="arrow icon-angle-down"></b>
  319. </a>
  320. <ul class="submenu">
  321. <li>
  322. <a href="elements.html">
  323. <i class="icon-double-angle-right"></i>
  324. 组件
  325. </a>
  326. </li>
  327. <li>
  328. <a href="buttons.html">
  329. <i class="icon-double-angle-right"></i>
  330. 按钮 &amp; 图表
  331. </a>
  332. </li>
  333. <li>
  334. <a href="treeview.html">
  335. <i class="icon-double-angle-right"></i>
  336. 树菜单
  337. </a>
  338. </li>
  339. <li>
  340. <a href="jquery-ui.html">
  341. <i class="icon-double-angle-right"></i>
  342. jQuery UI
  343. </a>
  344. </li>
  345. <li>
  346. <a href="nestable-list.html">
  347. <i class="icon-double-angle-right"></i>
  348. 可拖拽列表
  349. </a>
  350. </li>
  351. <li>
  352. <a href="#" class="dropdown-toggle">
  353. <i class="icon-double-angle-right"></i>
  354. 三级菜单
  355. <b class="arrow icon-angle-down"></b>
  356. </a>
  357. <ul class="submenu">
  358. <li>
  359. <a href="#">
  360. <i class="icon-leaf"></i>
  361. 第一级
  362. </a>
  363. </li>
  364. <li>
  365. <a href="#" class="dropdown-toggle">
  366. <i class="icon-pencil"></i>
  367. 第四级
  368. <b class="arrow icon-angle-down"></b>
  369. </a>
  370. <ul class="submenu">
  371. <li>
  372. <a href="#">
  373. <i class="icon-plus"></i>
  374. 添加产品
  375. </a>
  376. </li>
  377. <li>
  378. <a href="#">
  379. <i class="icon-eye-open"></i>
  380. 查看商品
  381. </a>
  382. </li>
  383. </ul>
  384. </li>
  385. </ul>
  386. </li>
  387. </ul>
  388. </li>
  389. <li class="active open">
  390. <a href="#" class="dropdown-toggle">
  391. <i class="icon-list"></i>
  392. <span class="menu-text"> 表格 </span>
  393. <b class="arrow icon-angle-down"></b>
  394. </a>
  395. <ul class="submenu">
  396. <li class="active">
  397. <a href="tables.html">
  398. <i class="icon-double-angle-right"></i>
  399. 简单 &amp; 动态
  400. </a>
  401. </li>
  402. <li>
  403. <a href="jqgrid.html">
  404. <i class="icon-double-angle-right"></i>
  405. jqGrid plugin
  406. </a>
  407. </li>
  408. </ul>
  409. </li>
  410. <li>
  411. <a href="#" class="dropdown-toggle">
  412. <i class="icon-edit"></i>
  413. <span class="menu-text"> 表单 </span>
  414. <b class="arrow icon-angle-down"></b>
  415. </a>
  416. <ul class="submenu">
  417. <li>
  418. <a href="form-elements.html">
  419. <i class="icon-double-angle-right"></i>
  420. 表单组件
  421. </a>
  422. </li>
  423. <li>
  424. <a href="form-wizard.html">
  425. <i class="icon-double-angle-right"></i>
  426. 向导提示 &amp; 验证
  427. </a>
  428. </li>
  429. <li>
  430. <a href="wysiwyg.html">
  431. <i class="icon-double-angle-right"></i>
  432. 编辑器
  433. </a>
  434. </li>
  435. <li>
  436. <a href="dropzone.html">
  437. <i class="icon-double-angle-right"></i>
  438. 文件上传
  439. </a>
  440. </li>
  441. </ul>
  442. </li>
  443. <li>
  444. <a href="widgets.html">
  445. <i class="icon-list-alt"></i>
  446. <span class="menu-text"> 插件 </span>
  447. </a>
  448. </li>
  449. <li>
  450. <a href="calendar.html">
  451. <i class="icon-calendar"></i>
  452. <span class="menu-text">
  453. 日历
  454. <span class="badge badge-transparent tooltip-error" title="2&nbsp;Important&nbsp;Events">
  455. <i class="icon-warning-sign red bigger-130"></i>
  456. </span>
  457. </span>
  458. </a>
  459. </li>
  460. <li>
  461. <a href="gallery.html">
  462. <i class="icon-picture"></i>
  463. <span class="menu-text"> 相册 </span>
  464. </a>
  465. </li>
  466. <li>
  467. <a href="#" class="dropdown-toggle">
  468. <i class="icon-tag"></i>
  469. <span class="menu-text"> 更多页面 </span>
  470. <b class="arrow icon-angle-down"></b>
  471. </a>
  472. <ul class="submenu">
  473. <li>
  474. <a href="profile.html">
  475. <i class="icon-double-angle-right"></i>
  476. 用户信息
  477. </a>
  478. </li>
  479. <li>
  480. <a href="inbox.html">
  481. <i class="icon-double-angle-right"></i>
  482. 收件箱
  483. </a>
  484. </li>
  485. <li>
  486. <a href="pricing.html">
  487. <i class="icon-double-angle-right"></i>
  488. 售价单
  489. </a>
  490. </li>
  491. <li>
  492. <a href="invoice.html">
  493. <i class="icon-double-angle-right"></i>
  494. 购物车
  495. </a>
  496. </li>
  497. <li>
  498. <a href="timeline.html">
  499. <i class="icon-double-angle-right"></i>
  500. 时间轴
  501. </a>
  502. </li>
  503. <li>
  504. <a href="login.html">
  505. <i class="icon-double-angle-right"></i>
  506. 登录 &amp; 注册
  507. </a>
  508. </li>
  509. </ul>
  510. </li>
  511. <li>
  512. <a href="#" class="dropdown-toggle">
  513. <i class="icon-file-alt"></i>
  514. <span class="menu-text">
  515. 其他页面
  516. <span class="badge badge-primary ">5</span>
  517. </span>
  518. <b class="arrow icon-angle-down"></b>
  519. </a>
  520. <ul class="submenu">
  521. <li>
  522. <a href="faq.html">
  523. <i class="icon-double-angle-right"></i>
  524. 帮助
  525. </a>
  526. </li>
  527. <li>
  528. <a href="error-404.html">
  529. <i class="icon-double-angle-right"></i>
  530. 404错误页面
  531. </a>
  532. </li>
  533. <li>
  534. <a href="error-500.html">
  535. <i class="icon-double-angle-right"></i>
  536. 500错误页面
  537. </a>
  538. </li>
  539. <li>
  540. <a href="grid.html">
  541. <i class="icon-double-angle-right"></i>
  542. 网格
  543. </a>
  544. </li>
  545. <li>
  546. <a href="blank.html">
  547. <i class="icon-double-angle-right"></i>
  548. 空白页面
  549. </a>
  550. </li>
  551. </ul>
  552. </li>
  553. </ul><!-- /.nav-list -->
  554. <div class="sidebar-collapse" id="sidebar-collapse">
  555. <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
  556. </div>
  557. <script type="text/javascript">
  558. try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}
  559. </script>
  560. </div>
  561. <div class="main-content">
  562. <div class="breadcrumbs" id="breadcrumbs">
  563. <script type="text/javascript">
  564. try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
  565. </script>
  566. <ul class="breadcrumb">
  567. <li>
  568. <i class="icon-home home-icon"></i>
  569. <a href="#">Home</a>
  570. </li>
  571. <li>
  572. <a href="#">Tables</a>
  573. </li>
  574. <li class="active">Simple &amp; Dynamic</li>
  575. </ul><!-- .breadcrumb -->
  576. <div class="nav-search" id="nav-search">
  577. <form class="form-search">
  578. <span class="input-icon">
  579. <input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
  580. <i class="icon-search nav-search-icon"></i>
  581. </span>
  582. </form>
  583. </div><!-- #nav-search -->
  584. </div>
  585. <div class="page-content">
  586. <div class="page-header">
  587. <h1>
  588. Tables
  589. <small>
  590. <i class="icon-double-angle-right"></i>
  591. Static &amp; Dynamic Tables
  592. </small>
  593. </h1>
  594. </div><!-- /.page-header -->
  595. <div class="row">
  596. <div class="col-xs-12">
  597. <!-- PAGE CONTENT BEGINS -->
  598. <div class="row">
  599. <div class="col-xs-12">
  600. <div class="table-responsive">
  601. <table id="sample-table-1" class="table table-striped table-bordered table-hover">
  602. <thead>
  603. <tr>
  604. <th class="center">
  605. <label>
  606. <input type="checkbox" class="ace" />
  607. <span class="lbl"></span>
  608. </label>
  609. </th>
  610. <th>Domain</th>
  611. <th>Price</th>
  612. <th class="hidden-480">Clicks</th>
  613. <th>
  614. <i class="icon-time bigger-110 hidden-480"></i>
  615. Update
  616. </th>
  617. <th class="hidden-480">Status</th>
  618. <th></th>
  619. </tr>
  620. </thead>
  621. <tbody>
  622. <tr>
  623. <td class="center">
  624. <label>
  625. <input type="checkbox" class="ace" />
  626. <span class="lbl"></span>
  627. </label>
  628. </td>
  629. <td>
  630. <a href="#">ace.com</a>
  631. </td>
  632. <td>$45</td>
  633. <td class="hidden-480">3,330</td>
  634. <td>Feb 12</td>
  635. <td class="hidden-480">
  636. <span class="label label-sm label-warning">Expiring</span>
  637. </td>
  638. <td>
  639. <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
  640. <button class="btn btn-xs btn-success">
  641. <i class="icon-ok bigger-120"></i>
  642. </button>
  643. <button class="btn btn-xs btn-info">
  644. <i class="icon-edit bigger-120"></i>
  645. </button>
  646. <button class="btn btn-xs btn-danger">
  647. <i class="icon-trash bigger-120"></i>
  648. </button>
  649. <button class="btn btn-xs btn-warning">
  650. <i class="icon-flag bigger-120"></i>
  651. </button>
  652. </div>
  653. <div class="visible-xs visible-sm hidden-md hidden-lg">
  654. <div class="inline position-relative">
  655. <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
  656. <i class="icon-cog icon-only bigger-110"></i>
  657. </button>
  658. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  659. <li>
  660. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  661. <span class="blue">
  662. <i class="icon-zoom-in bigger-120"></i>
  663. </span>
  664. </a>
  665. </li>
  666. <li>
  667. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  668. <span class="green">
  669. <i class="icon-edit bigger-120"></i>
  670. </span>
  671. </a>
  672. </li>
  673. <li>
  674. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  675. <span class="red">
  676. <i class="icon-trash bigger-120"></i>
  677. </span>
  678. </a>
  679. </li>
  680. </ul>
  681. </div>
  682. </div>
  683. </td>
  684. </tr>
  685. <tr>
  686. <td class="center">
  687. <label>
  688. <input type="checkbox" class="ace" />
  689. <span class="lbl"></span>
  690. </label>
  691. </td>
  692. <td>
  693. <a href="#">base.com</a>
  694. </td>
  695. <td>$35</td>
  696. <td class="hidden-480">2,595</td>
  697. <td>Feb 18</td>
  698. <td class="hidden-480">
  699. <span class="label label-sm label-success">Registered</span>
  700. </td>
  701. <td>
  702. <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
  703. <button class="btn btn-xs btn-success">
  704. <i class="icon-ok bigger-120"></i>
  705. </button>
  706. <button class="btn btn-xs btn-info">
  707. <i class="icon-edit bigger-120"></i>
  708. </button>
  709. <button class="btn btn-xs btn-danger">
  710. <i class="icon-trash bigger-120"></i>
  711. </button>
  712. <button class="btn btn-xs btn-warning">
  713. <i class="icon-flag bigger-120"></i>
  714. </button>
  715. </div>
  716. <div class="visible-xs visible-sm hidden-md hidden-lg">
  717. <div class="inline position-relative">
  718. <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
  719. <i class="icon-cog icon-only bigger-110"></i>
  720. </button>
  721. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  722. <li>
  723. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  724. <span class="blue">
  725. <i class="icon-zoom-in bigger-120"></i>
  726. </span>
  727. </a>
  728. </li>
  729. <li>
  730. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  731. <span class="green">
  732. <i class="icon-edit bigger-120"></i>
  733. </span>
  734. </a>
  735. </li>
  736. <li>
  737. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  738. <span class="red">
  739. <i class="icon-trash bigger-120"></i>
  740. </span>
  741. </a>
  742. </li>
  743. </ul>
  744. </div>
  745. </div>
  746. </td>
  747. </tr>
  748. <tr>
  749. <td class="center">
  750. <label>
  751. <input type="checkbox" class="ace" />
  752. <span class="lbl"></span>
  753. </label>
  754. </td>
  755. <td>
  756. <a href="#">max.com</a>
  757. </td>
  758. <td>$60</td>
  759. <td class="hidden-480">4,400</td>
  760. <td>Mar 11</td>
  761. <td class="hidden-480">
  762. <span class="label label-sm label-warning">Expiring</span>
  763. </td>
  764. <td>
  765. <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
  766. <button class="btn btn-xs btn-success">
  767. <i class="icon-ok bigger-120"></i>
  768. </button>
  769. <button class="btn btn-xs btn-info">
  770. <i class="icon-edit bigger-120"></i>
  771. </button>
  772. <button class="btn btn-xs btn-danger">
  773. <i class="icon-trash bigger-120"></i>
  774. </button>
  775. <button class="btn btn-xs btn-warning">
  776. <i class="icon-flag bigger-120"></i>
  777. </button>
  778. </div>
  779. <div class="visible-xs visible-sm hidden-md hidden-lg">
  780. <div class="inline position-relative">
  781. <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
  782. <i class="icon-cog icon-only bigger-110"></i>
  783. </button>
  784. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  785. <li>
  786. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  787. <span class="blue">
  788. <i class="icon-zoom-in bigger-120"></i>
  789. </span>
  790. </a>
  791. </li>
  792. <li>
  793. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  794. <span class="green">
  795. <i class="icon-edit bigger-120"></i>
  796. </span>
  797. </a>
  798. </li>
  799. <li>
  800. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  801. <span class="red">
  802. <i class="icon-trash bigger-120"></i>
  803. </span>
  804. </a>
  805. </li>
  806. </ul>
  807. </div>
  808. </div>
  809. </td>
  810. </tr>
  811. <tr>
  812. <td class="center">
  813. <label>
  814. <input type="checkbox" class="ace" />
  815. <span class="lbl"></span>
  816. </label>
  817. </td>
  818. <td>
  819. <a href="#">best.com</a>
  820. </td>
  821. <td>$75</td>
  822. <td class="hidden-480">6,500</td>
  823. <td>Apr 03</td>
  824. <td class="hidden-480">
  825. <span class="label label-sm label-inverse arrowed-in">Flagged</span>
  826. </td>
  827. <td>
  828. <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
  829. <button class="btn btn-xs btn-success">
  830. <i class="icon-ok bigger-120"></i>
  831. </button>
  832. <button class="btn btn-xs btn-info">
  833. <i class="icon-edit bigger-120"></i>
  834. </button>
  835. <button class="btn btn-xs btn-danger">
  836. <i class="icon-trash bigger-120"></i>
  837. </button>
  838. <button class="btn btn-xs btn-warning">
  839. <i class="icon-flag bigger-120"></i>
  840. </button>
  841. </div>
  842. <div class="visible-xs visible-sm hidden-md hidden-lg">
  843. <div class="inline position-relative">
  844. <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
  845. <i class="icon-cog icon-only bigger-110"></i>
  846. </button>
  847. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  848. <li>
  849. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  850. <span class="blue">
  851. <i class="icon-zoom-in bigger-120"></i>
  852. </span>
  853. </a>
  854. </li>
  855. <li>
  856. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  857. <span class="green">
  858. <i class="icon-edit bigger-120"></i>
  859. </span>
  860. </a>
  861. </li>
  862. <li>
  863. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  864. <span class="red">
  865. <i class="icon-trash bigger-120"></i>
  866. </span>
  867. </a>
  868. </li>
  869. </ul>
  870. </div>
  871. </div>
  872. </td>
  873. </tr>
  874. <tr>
  875. <td class="center">
  876. <label>
  877. <input type="checkbox" class="ace" />
  878. <span class="lbl"></span>
  879. </label>
  880. </td>
  881. <td>
  882. <a href="#">pro.com</a>
  883. </td>
  884. <td>$55</td>
  885. <td class="hidden-480">4,250</td>
  886. <td>Jan 21</td>
  887. <td class="hidden-480">
  888. <span class="label label-sm label-success">Registered</span>
  889. </td>
  890. <td>
  891. <div class="visible-md visible-lg hidden-sm hidden-xs btn-group">
  892. <button class="btn btn-xs btn-success">
  893. <i class="icon-ok bigger-120"></i>
  894. </button>
  895. <button class="btn btn-xs btn-info">
  896. <i class="icon-edit bigger-120"></i>
  897. </button>
  898. <button class="btn btn-xs btn-danger">
  899. <i class="icon-trash bigger-120"></i>
  900. </button>
  901. <button class="btn btn-xs btn-warning">
  902. <i class="icon-flag bigger-120"></i>
  903. </button>
  904. </div>
  905. <div class="visible-xs visible-sm hidden-md hidden-lg">
  906. <div class="inline position-relative">
  907. <button class="btn btn-minier btn-primary dropdown-toggle" data-toggle="dropdown">
  908. <i class="icon-cog icon-only bigger-110"></i>
  909. </button>
  910. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  911. <li>
  912. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  913. <span class="blue">
  914. <i class="icon-zoom-in bigger-120"></i>
  915. </span>
  916. </a>
  917. </li>
  918. <li>
  919. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  920. <span class="green">
  921. <i class="icon-edit bigger-120"></i>
  922. </span>
  923. </a>
  924. </li>
  925. <li>
  926. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  927. <span class="red">
  928. <i class="icon-trash bigger-120"></i>
  929. </span>
  930. </a>
  931. </li>
  932. </ul>
  933. </div>
  934. </div>
  935. </td>
  936. </tr>
  937. </tbody>
  938. </table>
  939. </div><!-- /.table-responsive -->
  940. </div><!-- /span -->
  941. </div><!-- /row -->
  942. <div class="hr hr-18 dotted hr-double"></div>
  943. <h4 class="pink">
  944. <i class="icon-hand-right icon-animated-hand-pointer blue"></i>
  945. <a href="#modal-table" role="button" class="green" data-toggle="modal"> Table Inside a Modal Box </a>
  946. </h4>
  947. <div class="hr hr-18 dotted hr-double"></div>
  948. <div class="row">
  949. <div class="col-xs-12">
  950. <h3 class="header smaller lighter blue">jQuery dataTables</h3>
  951. <div class="table-header">
  952. Results for "Latest Registered Domains"
  953. </div>
  954. <div class="table-responsive">
  955. <table id="sample-table-2" class="table table-striped table-bordered table-hover">
  956. <thead>
  957. <tr>
  958. <th class="center">
  959. <label>
  960. <input type="checkbox" class="ace" />
  961. <span class="lbl"></span>
  962. </label>
  963. </th>
  964. <th>Domain</th>
  965. <th>Price</th>
  966. <th class="hidden-480">Clicks</th>
  967. <th>
  968. <i class="icon-time bigger-110 hidden-480"></i>
  969. Update
  970. </th>
  971. <th class="hidden-480">Status</th>
  972. <th></th>
  973. </tr>
  974. </thead>
  975. <tbody>
  976. <tr>
  977. <td class="center">
  978. <label>
  979. <input type="checkbox" class="ace" />
  980. <span class="lbl"></span>
  981. </label>
  982. </td>
  983. <td>
  984. <a href="#">app.com</a>
  985. </td>
  986. <td>$45</td>
  987. <td class="hidden-480">3,330</td>
  988. <td>Feb 12</td>
  989. <td class="hidden-480">
  990. <span class="label label-sm label-warning">Expiring</span>
  991. </td>
  992. <td>
  993. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  994. <a class="blue" href="#">
  995. <i class="icon-zoom-in bigger-130"></i>
  996. </a>
  997. <a class="green" href="#">
  998. <i class="icon-pencil bigger-130"></i>
  999. </a>
  1000. <a class="red" href="#">
  1001. <i class="icon-trash bigger-130"></i>
  1002. </a>
  1003. </div>
  1004. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1005. <div class="inline position-relative">
  1006. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1007. <i class="icon-caret-down icon-only bigger-120"></i>
  1008. </button>
  1009. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1010. <li>
  1011. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1012. <span class="blue">
  1013. <i class="icon-zoom-in bigger-120"></i>
  1014. </span>
  1015. </a>
  1016. </li>
  1017. <li>
  1018. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1019. <span class="green">
  1020. <i class="icon-edit bigger-120"></i>
  1021. </span>
  1022. </a>
  1023. </li>
  1024. <li>
  1025. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1026. <span class="red">
  1027. <i class="icon-trash bigger-120"></i>
  1028. </span>
  1029. </a>
  1030. </li>
  1031. </ul>
  1032. </div>
  1033. </div>
  1034. </td>
  1035. </tr>
  1036. <tr>
  1037. <td class="center">
  1038. <label>
  1039. <input type="checkbox" class="ace" />
  1040. <span class="lbl"></span>
  1041. </label>
  1042. </td>
  1043. <td>
  1044. <a href="#">base.com</a>
  1045. </td>
  1046. <td>$35</td>
  1047. <td class="hidden-480">2,595</td>
  1048. <td>Feb 18</td>
  1049. <td class="hidden-480">
  1050. <span class="label label-sm label-success">Registered</span>
  1051. </td>
  1052. <td>
  1053. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1054. <a class="blue" href="#">
  1055. <i class="icon-zoom-in bigger-130"></i>
  1056. </a>
  1057. <a class="green" href="#">
  1058. <i class="icon-pencil bigger-130"></i>
  1059. </a>
  1060. <a class="red" href="#">
  1061. <i class="icon-trash bigger-130"></i>
  1062. </a>
  1063. </div>
  1064. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1065. <div class="inline position-relative">
  1066. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1067. <i class="icon-caret-down icon-only bigger-120"></i>
  1068. </button>
  1069. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1070. <li>
  1071. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1072. <span class="blue">
  1073. <i class="icon-zoom-in bigger-120"></i>
  1074. </span>
  1075. </a>
  1076. </li>
  1077. <li>
  1078. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1079. <span class="green">
  1080. <i class="icon-edit bigger-120"></i>
  1081. </span>
  1082. </a>
  1083. </li>
  1084. <li>
  1085. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1086. <span class="red">
  1087. <i class="icon-trash bigger-120"></i>
  1088. </span>
  1089. </a>
  1090. </li>
  1091. </ul>
  1092. </div>
  1093. </div>
  1094. </td>
  1095. </tr>
  1096. <tr>
  1097. <td class="center">
  1098. <label>
  1099. <input type="checkbox" class="ace" />
  1100. <span class="lbl"></span>
  1101. </label>
  1102. </td>
  1103. <td>
  1104. <a href="#">max.com</a>
  1105. </td>
  1106. <td>$60</td>
  1107. <td class="hidden-480">4,400</td>
  1108. <td>Mar 11</td>
  1109. <td class="hidden-480">
  1110. <span class="label label-sm label-warning">Expiring</span>
  1111. </td>
  1112. <td>
  1113. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1114. <a class="blue" href="#">
  1115. <i class="icon-zoom-in bigger-130"></i>
  1116. </a>
  1117. <a class="green" href="#">
  1118. <i class="icon-pencil bigger-130"></i>
  1119. </a>
  1120. <a class="red" href="#">
  1121. <i class="icon-trash bigger-130"></i>
  1122. </a>
  1123. </div>
  1124. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1125. <div class="inline position-relative">
  1126. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1127. <i class="icon-caret-down icon-only bigger-120"></i>
  1128. </button>
  1129. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1130. <li>
  1131. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1132. <span class="blue">
  1133. <i class="icon-zoom-in bigger-120"></i>
  1134. </span>
  1135. </a>
  1136. </li>
  1137. <li>
  1138. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1139. <span class="green">
  1140. <i class="icon-edit bigger-120"></i>
  1141. </span>
  1142. </a>
  1143. </li>
  1144. <li>
  1145. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1146. <span class="red">
  1147. <i class="icon-trash bigger-120"></i>
  1148. </span>
  1149. </a>
  1150. </li>
  1151. </ul>
  1152. </div>
  1153. </div>
  1154. </td>
  1155. </tr>
  1156. <tr>
  1157. <td class="center">
  1158. <label>
  1159. <input type="checkbox" class="ace" />
  1160. <span class="lbl"></span>
  1161. </label>
  1162. </td>
  1163. <td>
  1164. <a href="#">best.com</a>
  1165. </td>
  1166. <td>$75</td>
  1167. <td class="hidden-480">6,500</td>
  1168. <td>Apr 03</td>
  1169. <td class="hidden-480">
  1170. <span class="label label-sm label-inverse arrowed-in">Flagged</span>
  1171. </td>
  1172. <td>
  1173. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1174. <a class="blue" href="#">
  1175. <i class="icon-zoom-in bigger-130"></i>
  1176. </a>
  1177. <a class="green" href="#">
  1178. <i class="icon-pencil bigger-130"></i>
  1179. </a>
  1180. <a class="red" href="#">
  1181. <i class="icon-trash bigger-130"></i>
  1182. </a>
  1183. </div>
  1184. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1185. <div class="inline position-relative">
  1186. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1187. <i class="icon-caret-down icon-only bigger-120"></i>
  1188. </button>
  1189. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1190. <li>
  1191. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1192. <span class="blue">
  1193. <i class="icon-zoom-in bigger-120"></i>
  1194. </span>
  1195. </a>
  1196. </li>
  1197. <li>
  1198. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1199. <span class="green">
  1200. <i class="icon-edit bigger-120"></i>
  1201. </span>
  1202. </a>
  1203. </li>
  1204. <li>
  1205. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1206. <span class="red">
  1207. <i class="icon-trash bigger-120"></i>
  1208. </span>
  1209. </a>
  1210. </li>
  1211. </ul>
  1212. </div>
  1213. </div>
  1214. </td>
  1215. </tr>
  1216. <tr>
  1217. <td class="center">
  1218. <label>
  1219. <input type="checkbox" class="ace" />
  1220. <span class="lbl"></span>
  1221. </label>
  1222. </td>
  1223. <td>
  1224. <a href="#">pro.com</a>
  1225. </td>
  1226. <td>$55</td>
  1227. <td class="hidden-480">4,250</td>
  1228. <td>Jan 21</td>
  1229. <td class="hidden-480">
  1230. <span class="label label-sm label-success">Registered</span>
  1231. </td>
  1232. <td>
  1233. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1234. <a class="blue" href="#">
  1235. <i class="icon-zoom-in bigger-130"></i>
  1236. </a>
  1237. <a class="green" href="#">
  1238. <i class="icon-pencil bigger-130"></i>
  1239. </a>
  1240. <a class="red" href="#">
  1241. <i class="icon-trash bigger-130"></i>
  1242. </a>
  1243. </div>
  1244. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1245. <div class="inline position-relative">
  1246. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1247. <i class="icon-caret-down icon-only bigger-120"></i>
  1248. </button>
  1249. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1250. <li>
  1251. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1252. <span class="blue">
  1253. <i class="icon-zoom-in bigger-120"></i>
  1254. </span>
  1255. </a>
  1256. </li>
  1257. <li>
  1258. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1259. <span class="green">
  1260. <i class="icon-edit bigger-120"></i>
  1261. </span>
  1262. </a>
  1263. </li>
  1264. <li>
  1265. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1266. <span class="red">
  1267. <i class="icon-trash bigger-120"></i>
  1268. </span>
  1269. </a>
  1270. </li>
  1271. </ul>
  1272. </div>
  1273. </div>
  1274. </td>
  1275. </tr>
  1276. <tr>
  1277. <td class="center">
  1278. <label>
  1279. <input type="checkbox" class="ace" />
  1280. <span class="lbl"></span>
  1281. </label>
  1282. </td>
  1283. <td>
  1284. <a href="#">team.com</a>
  1285. </td>
  1286. <td>$40</td>
  1287. <td class="hidden-480">3,200</td>
  1288. <td>Feb 09</td>
  1289. <td class="hidden-480">
  1290. <span class="label label-sm label-inverse arrowed-in">Flagged</span>
  1291. </td>
  1292. <td>
  1293. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1294. <a class="blue" href="#">
  1295. <i class="icon-zoom-in bigger-130"></i>
  1296. </a>
  1297. <a class="green" href="#">
  1298. <i class="icon-pencil bigger-130"></i>
  1299. </a>
  1300. <a class="red" href="#">
  1301. <i class="icon-trash bigger-130"></i>
  1302. </a>
  1303. </div>
  1304. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1305. <div class="inline position-relative">
  1306. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1307. <i class="icon-caret-down icon-only bigger-120"></i>
  1308. </button>
  1309. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1310. <li>
  1311. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1312. <span class="blue">
  1313. <i class="icon-zoom-in bigger-120"></i>
  1314. </span>
  1315. </a>
  1316. </li>
  1317. <li>
  1318. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1319. <span class="green">
  1320. <i class="icon-edit bigger-120"></i>
  1321. </span>
  1322. </a>
  1323. </li>
  1324. <li>
  1325. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1326. <span class="red">
  1327. <i class="icon-trash bigger-120"></i>
  1328. </span>
  1329. </a>
  1330. </li>
  1331. </ul>
  1332. </div>
  1333. </div>
  1334. </td>
  1335. </tr>
  1336. <tr>
  1337. <td class="center">
  1338. <label>
  1339. <input type="checkbox" class="ace" />
  1340. <span class="lbl"></span>
  1341. </label>
  1342. </td>
  1343. <td>
  1344. <a href="#">up.com</a>
  1345. </td>
  1346. <td>$95</td>
  1347. <td class="hidden-480">8,520</td>
  1348. <td>Feb 22</td>
  1349. <td class="hidden-480">
  1350. <span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
  1351. </td>
  1352. <td>
  1353. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1354. <a class="blue" href="#">
  1355. <i class="icon-zoom-in bigger-130"></i>
  1356. </a>
  1357. <a class="green" href="#">
  1358. <i class="icon-pencil bigger-130"></i>
  1359. </a>
  1360. <a class="red" href="#">
  1361. <i class="icon-trash bigger-130"></i>
  1362. </a>
  1363. </div>
  1364. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1365. <div class="inline position-relative">
  1366. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1367. <i class="icon-caret-down icon-only bigger-120"></i>
  1368. </button>
  1369. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1370. <li>
  1371. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1372. <span class="blue">
  1373. <i class="icon-zoom-in bigger-120"></i>
  1374. </span>
  1375. </a>
  1376. </li>
  1377. <li>
  1378. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1379. <span class="green">
  1380. <i class="icon-edit bigger-120"></i>
  1381. </span>
  1382. </a>
  1383. </li>
  1384. <li>
  1385. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1386. <span class="red">
  1387. <i class="icon-trash bigger-120"></i>
  1388. </span>
  1389. </a>
  1390. </li>
  1391. </ul>
  1392. </div>
  1393. </div>
  1394. </td>
  1395. </tr>
  1396. <tr>
  1397. <td class="center">
  1398. <label>
  1399. <input type="checkbox" class="ace" />
  1400. <span class="lbl"></span>
  1401. </label>
  1402. </td>
  1403. <td>
  1404. <a href="#">view.com</a>
  1405. </td>
  1406. <td>$45</td>
  1407. <td class="hidden-480">4,100</td>
  1408. <td>Mar 12</td>
  1409. <td class="hidden-480">
  1410. <span class="label label-sm label-success">Registered</span>
  1411. </td>
  1412. <td>
  1413. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1414. <a class="blue" href="#">
  1415. <i class="icon-zoom-in bigger-130"></i>
  1416. </a>
  1417. <a class="green" href="#">
  1418. <i class="icon-pencil bigger-130"></i>
  1419. </a>
  1420. <a class="red" href="#">
  1421. <i class="icon-trash bigger-130"></i>
  1422. </a>
  1423. </div>
  1424. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1425. <div class="inline position-relative">
  1426. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1427. <i class="icon-caret-down icon-only bigger-120"></i>
  1428. </button>
  1429. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1430. <li>
  1431. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1432. <span class="blue">
  1433. <i class="icon-zoom-in bigger-120"></i>
  1434. </span>
  1435. </a>
  1436. </li>
  1437. <li>
  1438. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1439. <span class="green">
  1440. <i class="icon-edit bigger-120"></i>
  1441. </span>
  1442. </a>
  1443. </li>
  1444. <li>
  1445. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1446. <span class="red">
  1447. <i class="icon-trash bigger-120"></i>
  1448. </span>
  1449. </a>
  1450. </li>
  1451. </ul>
  1452. </div>
  1453. </div>
  1454. </td>
  1455. </tr>
  1456. <tr>
  1457. <td class="center">
  1458. <label>
  1459. <input type="checkbox" class="ace" />
  1460. <span class="lbl"></span>
  1461. </label>
  1462. </td>
  1463. <td>
  1464. <a href="#">nice.com</a>
  1465. </td>
  1466. <td>$38</td>
  1467. <td class="hidden-480">3,940</td>
  1468. <td>Feb 12</td>
  1469. <td class="hidden-480">
  1470. <span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
  1471. </td>
  1472. <td>
  1473. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1474. <a class="blue" href="#">
  1475. <i class="icon-zoom-in bigger-130"></i>
  1476. </a>
  1477. <a class="green" href="#">
  1478. <i class="icon-pencil bigger-130"></i>
  1479. </a>
  1480. <a class="red" href="#">
  1481. <i class="icon-trash bigger-130"></i>
  1482. </a>
  1483. </div>
  1484. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1485. <div class="inline position-relative">
  1486. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1487. <i class="icon-caret-down icon-only bigger-120"></i>
  1488. </button>
  1489. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1490. <li>
  1491. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1492. <span class="blue">
  1493. <i class="icon-zoom-in bigger-120"></i>
  1494. </span>
  1495. </a>
  1496. </li>
  1497. <li>
  1498. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1499. <span class="green">
  1500. <i class="icon-edit bigger-120"></i>
  1501. </span>
  1502. </a>
  1503. </li>
  1504. <li>
  1505. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1506. <span class="red">
  1507. <i class="icon-trash bigger-120"></i>
  1508. </span>
  1509. </a>
  1510. </li>
  1511. </ul>
  1512. </div>
  1513. </div>
  1514. </td>
  1515. </tr>
  1516. <tr>
  1517. <td class="center">
  1518. <label>
  1519. <input type="checkbox" class="ace" />
  1520. <span class="lbl"></span>
  1521. </label>
  1522. </td>
  1523. <td>
  1524. <a href="#">fine.com</a>
  1525. </td>
  1526. <td>$25</td>
  1527. <td class="hidden-480">2,983</td>
  1528. <td>Apr 01</td>
  1529. <td class="hidden-480">
  1530. <span class="label label-sm label-warning">Expiring</span>
  1531. </td>
  1532. <td>
  1533. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1534. <a class="blue" href="#">
  1535. <i class="icon-zoom-in bigger-130"></i>
  1536. </a>
  1537. <a class="green" href="#">
  1538. <i class="icon-pencil bigger-130"></i>
  1539. </a>
  1540. <a class="red" href="#">
  1541. <i class="icon-trash bigger-130"></i>
  1542. </a>
  1543. </div>
  1544. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1545. <div class="inline position-relative">
  1546. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1547. <i class="icon-caret-down icon-only bigger-120"></i>
  1548. </button>
  1549. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1550. <li>
  1551. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1552. <span class="blue">
  1553. <i class="icon-zoom-in bigger-120"></i>
  1554. </span>
  1555. </a>
  1556. </li>
  1557. <li>
  1558. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1559. <span class="green">
  1560. <i class="icon-edit bigger-120"></i>
  1561. </span>
  1562. </a>
  1563. </li>
  1564. <li>
  1565. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1566. <span class="red">
  1567. <i class="icon-trash bigger-120"></i>
  1568. </span>
  1569. </a>
  1570. </li>
  1571. </ul>
  1572. </div>
  1573. </div>
  1574. </td>
  1575. </tr>
  1576. <tr>
  1577. <td class="center">
  1578. <label>
  1579. <input type="checkbox" class="ace" />
  1580. <span class="lbl"></span>
  1581. </label>
  1582. </td>
  1583. <td>
  1584. <a href="#">good.com</a>
  1585. </td>
  1586. <td>$50</td>
  1587. <td class="hidden-480">6,500</td>
  1588. <td>Feb 02</td>
  1589. <td class="hidden-480">
  1590. <span class="label label-sm label-inverse arrowed-in">Flagged</span>
  1591. </td>
  1592. <td>
  1593. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1594. <a class="blue" href="#">
  1595. <i class="icon-zoom-in bigger-130"></i>
  1596. </a>
  1597. <a class="green" href="#">
  1598. <i class="icon-pencil bigger-130"></i>
  1599. </a>
  1600. <a class="red" href="#">
  1601. <i class="icon-trash bigger-130"></i>
  1602. </a>
  1603. </div>
  1604. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1605. <div class="inline position-relative">
  1606. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1607. <i class="icon-caret-down icon-only bigger-120"></i>
  1608. </button>
  1609. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1610. <li>
  1611. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1612. <span class="blue">
  1613. <i class="icon-zoom-in bigger-120"></i>
  1614. </span>
  1615. </a>
  1616. </li>
  1617. <li>
  1618. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1619. <span class="green">
  1620. <i class="icon-edit bigger-120"></i>
  1621. </span>
  1622. </a>
  1623. </li>
  1624. <li>
  1625. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1626. <span class="red">
  1627. <i class="icon-trash bigger-120"></i>
  1628. </span>
  1629. </a>
  1630. </li>
  1631. </ul>
  1632. </div>
  1633. </div>
  1634. </td>
  1635. </tr>
  1636. <tr>
  1637. <td class="center">
  1638. <label>
  1639. <input type="checkbox" class="ace" />
  1640. <span class="lbl"></span>
  1641. </label>
  1642. </td>
  1643. <td>
  1644. <a href="#">great.com</a>
  1645. </td>
  1646. <td>$55</td>
  1647. <td class="hidden-480">6,400</td>
  1648. <td>Feb 24</td>
  1649. <td class="hidden-480">
  1650. <span class="label label-sm label-success">Registered</span>
  1651. </td>
  1652. <td>
  1653. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1654. <a class="blue" href="#">
  1655. <i class="icon-zoom-in bigger-130"></i>
  1656. </a>
  1657. <a class="green" href="#">
  1658. <i class="icon-pencil bigger-130"></i>
  1659. </a>
  1660. <a class="red" href="#">
  1661. <i class="icon-trash bigger-130"></i>
  1662. </a>
  1663. </div>
  1664. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1665. <div class="inline position-relative">
  1666. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1667. <i class="icon-caret-down icon-only bigger-120"></i>
  1668. </button>
  1669. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1670. <li>
  1671. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1672. <span class="blue">
  1673. <i class="icon-zoom-in bigger-120"></i>
  1674. </span>
  1675. </a>
  1676. </li>
  1677. <li>
  1678. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1679. <span class="green">
  1680. <i class="icon-edit bigger-120"></i>
  1681. </span>
  1682. </a>
  1683. </li>
  1684. <li>
  1685. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1686. <span class="red">
  1687. <i class="icon-trash bigger-120"></i>
  1688. </span>
  1689. </a>
  1690. </li>
  1691. </ul>
  1692. </div>
  1693. </div>
  1694. </td>
  1695. </tr>
  1696. <tr>
  1697. <td class="center">
  1698. <label>
  1699. <input type="checkbox" class="ace" />
  1700. <span class="lbl"></span>
  1701. </label>
  1702. </td>
  1703. <td>
  1704. <a href="#">shine.com</a>
  1705. </td>
  1706. <td>$25</td>
  1707. <td class="hidden-480">2,200</td>
  1708. <td>Apr 01</td>
  1709. <td class="hidden-480">
  1710. <span class="label label-sm label-inverse arrowed-in">Flagged</span>
  1711. </td>
  1712. <td>
  1713. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1714. <a class="blue" href="#">
  1715. <i class="icon-zoom-in bigger-130"></i>
  1716. </a>
  1717. <a class="green" href="#">
  1718. <i class="icon-pencil bigger-130"></i>
  1719. </a>
  1720. <a class="red" href="#">
  1721. <i class="icon-trash bigger-130"></i>
  1722. </a>
  1723. </div>
  1724. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1725. <div class="inline position-relative">
  1726. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1727. <i class="icon-caret-down icon-only bigger-120"></i>
  1728. </button>
  1729. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1730. <li>
  1731. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1732. <span class="blue">
  1733. <i class="icon-zoom-in bigger-120"></i>
  1734. </span>
  1735. </a>
  1736. </li>
  1737. <li>
  1738. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1739. <span class="green">
  1740. <i class="icon-edit bigger-120"></i>
  1741. </span>
  1742. </a>
  1743. </li>
  1744. <li>
  1745. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1746. <span class="red">
  1747. <i class="icon-trash bigger-120"></i>
  1748. </span>
  1749. </a>
  1750. </li>
  1751. </ul>
  1752. </div>
  1753. </div>
  1754. </td>
  1755. </tr>
  1756. <tr>
  1757. <td class="center">
  1758. <label>
  1759. <input type="checkbox" class="ace" />
  1760. <span class="lbl"></span>
  1761. </label>
  1762. </td>
  1763. <td>
  1764. <a href="#">rise.com</a>
  1765. </td>
  1766. <td>$42</td>
  1767. <td class="hidden-480">3,900</td>
  1768. <td>Feb 01</td>
  1769. <td class="hidden-480">
  1770. <span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
  1771. </td>
  1772. <td>
  1773. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1774. <a class="blue" href="#">
  1775. <i class="icon-zoom-in bigger-130"></i>
  1776. </a>
  1777. <a class="green" href="#">
  1778. <i class="icon-pencil bigger-130"></i>
  1779. </a>
  1780. <a class="red" href="#">
  1781. <i class="icon-trash bigger-130"></i>
  1782. </a>
  1783. </div>
  1784. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1785. <div class="inline position-relative">
  1786. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1787. <i class="icon-caret-down icon-only bigger-120"></i>
  1788. </button>
  1789. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1790. <li>
  1791. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1792. <span class="blue">
  1793. <i class="icon-zoom-in bigger-120"></i>
  1794. </span>
  1795. </a>
  1796. </li>
  1797. <li>
  1798. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1799. <span class="green">
  1800. <i class="icon-edit bigger-120"></i>
  1801. </span>
  1802. </a>
  1803. </li>
  1804. <li>
  1805. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1806. <span class="red">
  1807. <i class="icon-trash bigger-120"></i>
  1808. </span>
  1809. </a>
  1810. </li>
  1811. </ul>
  1812. </div>
  1813. </div>
  1814. </td>
  1815. </tr>
  1816. <tr>
  1817. <td class="center">
  1818. <label>
  1819. <input type="checkbox" class="ace" />
  1820. <span class="lbl"></span>
  1821. </label>
  1822. </td>
  1823. <td>
  1824. <a href="#">above.com</a>
  1825. </td>
  1826. <td>$35</td>
  1827. <td class="hidden-480">3,420</td>
  1828. <td>Mar 12</td>
  1829. <td class="hidden-480">
  1830. <span class="label label-sm label-warning">Expiring</span>
  1831. </td>
  1832. <td>
  1833. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1834. <a class="blue" href="#">
  1835. <i class="icon-zoom-in bigger-130"></i>
  1836. </a>
  1837. <a class="green" href="#">
  1838. <i class="icon-pencil bigger-130"></i>
  1839. </a>
  1840. <a class="red" href="#">
  1841. <i class="icon-trash bigger-130"></i>
  1842. </a>
  1843. </div>
  1844. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1845. <div class="inline position-relative">
  1846. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1847. <i class="icon-caret-down icon-only bigger-120"></i>
  1848. </button>
  1849. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1850. <li>
  1851. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1852. <span class="blue">
  1853. <i class="icon-zoom-in bigger-120"></i>
  1854. </span>
  1855. </a>
  1856. </li>
  1857. <li>
  1858. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1859. <span class="green">
  1860. <i class="icon-edit bigger-120"></i>
  1861. </span>
  1862. </a>
  1863. </li>
  1864. <li>
  1865. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1866. <span class="red">
  1867. <i class="icon-trash bigger-120"></i>
  1868. </span>
  1869. </a>
  1870. </li>
  1871. </ul>
  1872. </div>
  1873. </div>
  1874. </td>
  1875. </tr>
  1876. <tr>
  1877. <td class="center">
  1878. <label>
  1879. <input type="checkbox" class="ace" />
  1880. <span class="lbl"></span>
  1881. </label>
  1882. </td>
  1883. <td>
  1884. <a href="#">share.com</a>
  1885. </td>
  1886. <td>$30</td>
  1887. <td class="hidden-480">3,200</td>
  1888. <td>Feb 11</td>
  1889. <td class="hidden-480">
  1890. <span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
  1891. </td>
  1892. <td>
  1893. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1894. <a class="blue" href="#">
  1895. <i class="icon-zoom-in bigger-130"></i>
  1896. </a>
  1897. <a class="green" href="#">
  1898. <i class="icon-pencil bigger-130"></i>
  1899. </a>
  1900. <a class="red" href="#">
  1901. <i class="icon-trash bigger-130"></i>
  1902. </a>
  1903. </div>
  1904. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1905. <div class="inline position-relative">
  1906. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1907. <i class="icon-caret-down icon-only bigger-120"></i>
  1908. </button>
  1909. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1910. <li>
  1911. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1912. <span class="blue">
  1913. <i class="icon-zoom-in bigger-120"></i>
  1914. </span>
  1915. </a>
  1916. </li>
  1917. <li>
  1918. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1919. <span class="green">
  1920. <i class="icon-edit bigger-120"></i>
  1921. </span>
  1922. </a>
  1923. </li>
  1924. <li>
  1925. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1926. <span class="red">
  1927. <i class="icon-trash bigger-120"></i>
  1928. </span>
  1929. </a>
  1930. </li>
  1931. </ul>
  1932. </div>
  1933. </div>
  1934. </td>
  1935. </tr>
  1936. <tr>
  1937. <td class="center">
  1938. <label>
  1939. <input type="checkbox" class="ace" />
  1940. <span class="lbl"></span>
  1941. </label>
  1942. </td>
  1943. <td>
  1944. <a href="#">fair.com</a>
  1945. </td>
  1946. <td>$35</td>
  1947. <td class="hidden-480">3,900</td>
  1948. <td>Mar 26</td>
  1949. <td class="hidden-480">
  1950. <span class="label label-sm label-inverse arrowed-in">Flagged</span>
  1951. </td>
  1952. <td>
  1953. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  1954. <a class="blue" href="#">
  1955. <i class="icon-zoom-in bigger-130"></i>
  1956. </a>
  1957. <a class="green" href="#">
  1958. <i class="icon-pencil bigger-130"></i>
  1959. </a>
  1960. <a class="red" href="#">
  1961. <i class="icon-trash bigger-130"></i>
  1962. </a>
  1963. </div>
  1964. <div class="visible-xs visible-sm hidden-md hidden-lg">
  1965. <div class="inline position-relative">
  1966. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  1967. <i class="icon-caret-down icon-only bigger-120"></i>
  1968. </button>
  1969. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  1970. <li>
  1971. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  1972. <span class="blue">
  1973. <i class="icon-zoom-in bigger-120"></i>
  1974. </span>
  1975. </a>
  1976. </li>
  1977. <li>
  1978. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  1979. <span class="green">
  1980. <i class="icon-edit bigger-120"></i>
  1981. </span>
  1982. </a>
  1983. </li>
  1984. <li>
  1985. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  1986. <span class="red">
  1987. <i class="icon-trash bigger-120"></i>
  1988. </span>
  1989. </a>
  1990. </li>
  1991. </ul>
  1992. </div>
  1993. </div>
  1994. </td>
  1995. </tr>
  1996. <tr>
  1997. <td class="center">
  1998. <label>
  1999. <input type="checkbox" class="ace" />
  2000. <span class="lbl"></span>
  2001. </label>
  2002. </td>
  2003. <td>
  2004. <a href="#">year.com</a>
  2005. </td>
  2006. <td>$48</td>
  2007. <td class="hidden-480">3,990</td>
  2008. <td>Feb 15</td>
  2009. <td class="hidden-480">
  2010. <span class="label label-sm label-warning">Expiring</span>
  2011. </td>
  2012. <td>
  2013. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  2014. <a class="blue" href="#">
  2015. <i class="icon-zoom-in bigger-130"></i>
  2016. </a>
  2017. <a class="green" href="#">
  2018. <i class="icon-pencil bigger-130"></i>
  2019. </a>
  2020. <a class="red" href="#">
  2021. <i class="icon-trash bigger-130"></i>
  2022. </a>
  2023. </div>
  2024. <div class="visible-xs visible-sm hidden-md hidden-lg">
  2025. <div class="inline position-relative">
  2026. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  2027. <i class="icon-caret-down icon-only bigger-120"></i>
  2028. </button>
  2029. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  2030. <li>
  2031. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  2032. <span class="blue">
  2033. <i class="icon-zoom-in bigger-120"></i>
  2034. </span>
  2035. </a>
  2036. </li>
  2037. <li>
  2038. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  2039. <span class="green">
  2040. <i class="icon-edit bigger-120"></i>
  2041. </span>
  2042. </a>
  2043. </li>
  2044. <li>
  2045. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  2046. <span class="red">
  2047. <i class="icon-trash bigger-120"></i>
  2048. </span>
  2049. </a>
  2050. </li>
  2051. </ul>
  2052. </div>
  2053. </div>
  2054. </td>
  2055. </tr>
  2056. <tr>
  2057. <td class="center">
  2058. <label>
  2059. <input type="checkbox" class="ace" />
  2060. <span class="lbl"></span>
  2061. </label>
  2062. </td>
  2063. <td>
  2064. <a href="#">day.com</a>
  2065. </td>
  2066. <td>$55</td>
  2067. <td class="hidden-480">5,600</td>
  2068. <td>Jan 29</td>
  2069. <td class="hidden-480">
  2070. <span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
  2071. </td>
  2072. <td>
  2073. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  2074. <a class="blue" href="#">
  2075. <i class="icon-zoom-in bigger-130"></i>
  2076. </a>
  2077. <a class="green" href="#">
  2078. <i class="icon-pencil bigger-130"></i>
  2079. </a>
  2080. <a class="red" href="#">
  2081. <i class="icon-trash bigger-130"></i>
  2082. </a>
  2083. </div>
  2084. <div class="visible-xs visible-sm hidden-md hidden-lg">
  2085. <div class="inline position-relative">
  2086. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  2087. <i class="icon-caret-down icon-only bigger-120"></i>
  2088. </button>
  2089. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  2090. <li>
  2091. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  2092. <span class="blue">
  2093. <i class="icon-zoom-in bigger-120"></i>
  2094. </span>
  2095. </a>
  2096. </li>
  2097. <li>
  2098. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  2099. <span class="green">
  2100. <i class="icon-edit bigger-120"></i>
  2101. </span>
  2102. </a>
  2103. </li>
  2104. <li>
  2105. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  2106. <span class="red">
  2107. <i class="icon-trash bigger-120"></i>
  2108. </span>
  2109. </a>
  2110. </li>
  2111. </ul>
  2112. </div>
  2113. </div>
  2114. </td>
  2115. </tr>
  2116. <tr>
  2117. <td class="center">
  2118. <label>
  2119. <input type="checkbox" class="ace" />
  2120. <span class="lbl"></span>
  2121. </label>
  2122. </td>
  2123. <td>
  2124. <a href="#">light.com</a>
  2125. </td>
  2126. <td>$40</td>
  2127. <td class="hidden-480">3,100</td>
  2128. <td>Feb 17</td>
  2129. <td class="hidden-480">
  2130. <span class="label label-sm label-success">Registered</span>
  2131. </td>
  2132. <td>
  2133. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  2134. <a class="blue" href="#">
  2135. <i class="icon-zoom-in bigger-130"></i>
  2136. </a>
  2137. <a class="green" href="#">
  2138. <i class="icon-pencil bigger-130"></i>
  2139. </a>
  2140. <a class="red" href="#">
  2141. <i class="icon-trash bigger-130"></i>
  2142. </a>
  2143. </div>
  2144. <div class="visible-xs visible-sm hidden-md hidden-lg">
  2145. <div class="inline position-relative">
  2146. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  2147. <i class="icon-caret-down icon-only bigger-120"></i>
  2148. </button>
  2149. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  2150. <li>
  2151. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  2152. <span class="blue">
  2153. <i class="icon-zoom-in bigger-120"></i>
  2154. </span>
  2155. </a>
  2156. </li>
  2157. <li>
  2158. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  2159. <span class="green">
  2160. <i class="icon-edit bigger-120"></i>
  2161. </span>
  2162. </a>
  2163. </li>
  2164. <li>
  2165. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  2166. <span class="red">
  2167. <i class="icon-trash bigger-120"></i>
  2168. </span>
  2169. </a>
  2170. </li>
  2171. </ul>
  2172. </div>
  2173. </div>
  2174. </td>
  2175. </tr>
  2176. <tr>
  2177. <td class="center">
  2178. <label>
  2179. <input type="checkbox" class="ace" />
  2180. <span class="lbl"></span>
  2181. </label>
  2182. </td>
  2183. <td>
  2184. <a href="#">sight.com</a>
  2185. </td>
  2186. <td>$58</td>
  2187. <td class="hidden-480">6,100</td>
  2188. <td>Feb 19</td>
  2189. <td class="hidden-480">
  2190. <span class="label label-sm label-inverse arrowed-in">Flagged</span>
  2191. </td>
  2192. <td>
  2193. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  2194. <a class="blue" href="#">
  2195. <i class="icon-zoom-in bigger-130"></i>
  2196. </a>
  2197. <a class="green" href="#">
  2198. <i class="icon-pencil bigger-130"></i>
  2199. </a>
  2200. <a class="red" href="#">
  2201. <i class="icon-trash bigger-130"></i>
  2202. </a>
  2203. </div>
  2204. <div class="visible-xs visible-sm hidden-md hidden-lg">
  2205. <div class="inline position-relative">
  2206. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  2207. <i class="icon-caret-down icon-only bigger-120"></i>
  2208. </button>
  2209. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  2210. <li>
  2211. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  2212. <span class="blue">
  2213. <i class="icon-zoom-in bigger-120"></i>
  2214. </span>
  2215. </a>
  2216. </li>
  2217. <li>
  2218. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  2219. <span class="green">
  2220. <i class="icon-edit bigger-120"></i>
  2221. </span>
  2222. </a>
  2223. </li>
  2224. <li>
  2225. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  2226. <span class="red">
  2227. <i class="icon-trash bigger-120"></i>
  2228. </span>
  2229. </a>
  2230. </li>
  2231. </ul>
  2232. </div>
  2233. </div>
  2234. </td>
  2235. </tr>
  2236. <tr>
  2237. <td class="center">
  2238. <label>
  2239. <input type="checkbox" class="ace" />
  2240. <span class="lbl"></span>
  2241. </label>
  2242. </td>
  2243. <td>
  2244. <a href="#">right.com</a>
  2245. </td>
  2246. <td>$50</td>
  2247. <td class="hidden-480">4,400</td>
  2248. <td>Apr 01</td>
  2249. <td class="hidden-480">
  2250. <span class="label label-sm label-warning">Expiring</span>
  2251. </td>
  2252. <td>
  2253. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  2254. <a class="blue" href="#">
  2255. <i class="icon-zoom-in bigger-130"></i>
  2256. </a>
  2257. <a class="green" href="#">
  2258. <i class="icon-pencil bigger-130"></i>
  2259. </a>
  2260. <a class="red" href="#">
  2261. <i class="icon-trash bigger-130"></i>
  2262. </a>
  2263. </div>
  2264. <div class="visible-xs visible-sm hidden-md hidden-lg">
  2265. <div class="inline position-relative">
  2266. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  2267. <i class="icon-caret-down icon-only bigger-120"></i>
  2268. </button>
  2269. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  2270. <li>
  2271. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  2272. <span class="blue">
  2273. <i class="icon-zoom-in bigger-120"></i>
  2274. </span>
  2275. </a>
  2276. </li>
  2277. <li>
  2278. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  2279. <span class="green">
  2280. <i class="icon-edit bigger-120"></i>
  2281. </span>
  2282. </a>
  2283. </li>
  2284. <li>
  2285. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  2286. <span class="red">
  2287. <i class="icon-trash bigger-120"></i>
  2288. </span>
  2289. </a>
  2290. </li>
  2291. </ul>
  2292. </div>
  2293. </div>
  2294. </td>
  2295. </tr>
  2296. <tr>
  2297. <td class="center">
  2298. <label>
  2299. <input type="checkbox" class="ace" />
  2300. <span class="lbl"></span>
  2301. </label>
  2302. </td>
  2303. <td>
  2304. <a href="#">once.com</a>
  2305. </td>
  2306. <td>$20</td>
  2307. <td class="hidden-480">1,400</td>
  2308. <td>Apr 04</td>
  2309. <td class="hidden-480">
  2310. <span class="label label-sm label-info arrowed arrowed-righ">Sold</span>
  2311. </td>
  2312. <td>
  2313. <div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">
  2314. <a class="blue" href="#">
  2315. <i class="icon-zoom-in bigger-130"></i>
  2316. </a>
  2317. <a class="green" href="#">
  2318. <i class="icon-pencil bigger-130"></i>
  2319. </a>
  2320. <a class="red" href="#">
  2321. <i class="icon-trash bigger-130"></i>
  2322. </a>
  2323. </div>
  2324. <div class="visible-xs visible-sm hidden-md hidden-lg">
  2325. <div class="inline position-relative">
  2326. <button class="btn btn-minier btn-yellow dropdown-toggle" data-toggle="dropdown">
  2327. <i class="icon-caret-down icon-only bigger-120"></i>
  2328. </button>
  2329. <ul class="dropdown-menu dropdown-only-icon dropdown-yellow pull-right dropdown-caret dropdown-close">
  2330. <li>
  2331. <a href="#" class="tooltip-info" data-rel="tooltip" title="View">
  2332. <span class="blue">
  2333. <i class="icon-zoom-in bigger-120"></i>
  2334. </span>
  2335. </a>
  2336. </li>
  2337. <li>
  2338. <a href="#" class="tooltip-success" data-rel="tooltip" title="Edit">
  2339. <span class="green">
  2340. <i class="icon-edit bigger-120"></i>
  2341. </span>
  2342. </a>
  2343. </li>
  2344. <li>
  2345. <a href="#" class="tooltip-error" data-rel="tooltip" title="Delete">
  2346. <span class="red">
  2347. <i class="icon-trash bigger-120"></i>
  2348. </span>
  2349. </a>
  2350. </li>
  2351. </ul>
  2352. </div>
  2353. </div>
  2354. </td>
  2355. </tr>
  2356. </tbody>
  2357. </table>
  2358. </div>
  2359. </div>
  2360. </div>
  2361. <div id="modal-table" class="modal fade" tabindex="-1">
  2362. <div class="modal-dialog">
  2363. <div class="modal-content">
  2364. <div class="modal-header no-padding">
  2365. <div class="table-header">
  2366. <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
  2367. <span class="white">&times;</span>
  2368. </button>
  2369. Results for "Latest Registered Domains
  2370. </div>
  2371. </div>
  2372. <div class="modal-body no-padding">
  2373. <table class="table table-striped table-bordered table-hover no-margin-bottom no-border-top">
  2374. <thead>
  2375. <tr>
  2376. <th>Domain</th>
  2377. <th>Price</th>
  2378. <th>Clicks</th>
  2379. <th>
  2380. <i class="icon-time bigger-110"></i>
  2381. Update
  2382. </th>
  2383. </tr>
  2384. </thead>
  2385. <tbody>
  2386. <tr>
  2387. <td>
  2388. <a href="#">ace.com</a>
  2389. </td>
  2390. <td>$45</td>
  2391. <td>3,330</td>
  2392. <td>Feb 12</td>
  2393. </tr>
  2394. <tr>
  2395. <td>
  2396. <a href="#">base.com</a>
  2397. </td>
  2398. <td>$35</td>
  2399. <td>2,595</td>
  2400. <td>Feb 18</td>
  2401. </tr>
  2402. <tr>
  2403. <td>
  2404. <a href="#">max.com</a>
  2405. </td>
  2406. <td>$60</td>
  2407. <td>4,400</td>
  2408. <td>Mar 11</td>
  2409. </tr>
  2410. <tr>
  2411. <td>
  2412. <a href="#">best.com</a>
  2413. </td>
  2414. <td>$75</td>
  2415. <td>6,500</td>
  2416. <td>Apr 03</td>
  2417. </tr>
  2418. <tr>
  2419. <td>
  2420. <a href="#">pro.com</a>
  2421. </td>
  2422. <td>$55</td>
  2423. <td>4,250</td>
  2424. <td>Jan 21</td>
  2425. </tr>
  2426. </tbody>
  2427. </table>
  2428. </div>
  2429. <div class="modal-footer no-margin-top">
  2430. <button class="btn btn-sm btn-danger pull-left" data-dismiss="modal">
  2431. <i class="icon-remove"></i>
  2432. Close
  2433. </button>
  2434. <ul class="pagination pull-right no-margin">
  2435. <li class="prev disabled">
  2436. <a href="#">
  2437. <i class="icon-double-angle-left"></i>
  2438. </a>
  2439. </li>
  2440. <li class="active">
  2441. <a href="#">1</a>
  2442. </li>
  2443. <li>
  2444. <a href="#">2</a>
  2445. </li>
  2446. <li>
  2447. <a href="#">3</a>
  2448. </li>
  2449. <li class="next">
  2450. <a href="#">
  2451. <i class="icon-double-angle-right"></i>
  2452. </a>
  2453. </li>
  2454. </ul>
  2455. </div>
  2456. </div><!-- /.modal-content -->
  2457. </div><!-- /.modal-dialog -->
  2458. </div><!-- PAGE CONTENT ENDS -->
  2459. </div><!-- /.col -->
  2460. </div><!-- /.row -->
  2461. </div><!-- /.page-content -->
  2462. </div><!-- /.main-content -->
  2463. <div class="ace-settings-container" id="ace-settings-container">
  2464. <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
  2465. <i class="icon-cog bigger-150"></i>
  2466. </div>
  2467. <div class="ace-settings-box" id="ace-settings-box">
  2468. <div>
  2469. <div class="pull-left">
  2470. <select id="skin-colorpicker" class="hide">
  2471. <option data-skin="default" value="#438EB9">#438EB9</option>
  2472. <option data-skin="skin-1" value="#222A2D">#222A2D</option>
  2473. <option data-skin="skin-2" value="#C6487E">#C6487E</option>
  2474. <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
  2475. </select>
  2476. </div>
  2477. <span>&nbsp; Choose Skin</span>
  2478. </div>
  2479. <div>
  2480. <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-navbar" />
  2481. <label class="lbl" for="ace-settings-navbar"> Fixed Navbar</label>
  2482. </div>
  2483. <div>
  2484. <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-sidebar" />
  2485. <label class="lbl" for="ace-settings-sidebar"> Fixed Sidebar</label>
  2486. </div>
  2487. <div>
  2488. <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-breadcrumbs" />
  2489. <label class="lbl" for="ace-settings-breadcrumbs"> Fixed Breadcrumbs</label>
  2490. </div>
  2491. <div>
  2492. <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl" />
  2493. <label class="lbl" for="ace-settings-rtl"> Right To Left (rtl)</label>
  2494. </div>
  2495. <div>
  2496. <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-add-container" />
  2497. <label class="lbl" for="ace-settings-add-container">
  2498. Inside
  2499. <b>.container</b>
  2500. </label>
  2501. </div>
  2502. </div>
  2503. </div><!-- /#ace-settings-container -->
  2504. </div><!-- /.main-container-inner -->
  2505. <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
  2506. <i class="icon-double-angle-up icon-only bigger-110"></i>
  2507. </a>
  2508. </div><!-- /.main-container -->
  2509. <!-- basic scripts -->
  2510. <!--[if !IE]> -->
  2511. <script src="assets/js/jquery-2.0.3.min.js"></script>
  2512. <!-- <![endif]-->
  2513. <!--[if IE]>
  2514. <script src="assets/js/jquery-1.10.2.min.js"></script>
  2515. <![endif]-->
  2516. <!--[if !IE]> -->
  2517. <script type="text/javascript">
  2518. window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
  2519. </script>
  2520. <!-- <![endif]-->
  2521. <!--[if IE]>
  2522. <script type="text/javascript">
  2523. window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
  2524. </script>
  2525. <![endif]-->
  2526. <script type="text/javascript">
  2527. if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
  2528. </script>
  2529. <script src="assets/js/bootstrap.min.js"></script>
  2530. <script src="assets/js/typeahead-bs2.min.js"></script>
  2531. <!-- page specific plugin scripts -->
  2532. <script src="assets/js/jquery.dataTables.min.js"></script>
  2533. <script src="assets/js/jquery.dataTables.bootstrap.js"></script>
  2534. <!-- ace scripts -->
  2535. <script src="assets/js/ace-elements.min.js"></script>
  2536. <script src="assets/js/ace.min.js"></script>
  2537. <!-- inline scripts related to this page -->
  2538. <script type="text/javascript">
  2539. jQuery(function($) {
  2540. var oTable1 = $('#sample-table-2').dataTable( {
  2541. "aoColumns": [
  2542. { "bSortable": false },
  2543. null, null,null, null, null,
  2544. { "bSortable": false }
  2545. ] } );
  2546. $('table th input:checkbox').on('click' , function(){
  2547. var that = this;
  2548. $(this).closest('table').find('tr > td:first-child input:checkbox')
  2549. .each(function(){
  2550. this.checked = that.checked;
  2551. $(this).closest('tr').toggleClass('selected');
  2552. });
  2553. });
  2554. $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});
  2555. function tooltip_placement(context, source) {
  2556. var $source = $(source);
  2557. var $parent = $source.closest('table')
  2558. var off1 = $parent.offset();
  2559. var w1 = $parent.width();
  2560. var off2 = $source.offset();
  2561. var w2 = $source.width();
  2562. if( parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2) ) return 'right';
  2563. return 'left';
  2564. }
  2565. })
  2566. </script>
  2567. </body>
  2568. </html>