Skip to content
This repository was archived by the owner on Sep 5, 2019. It is now read-only.

Commit 2148722

Browse files
accgitaccgit
committed
Update
1 parent f171d42 commit 2148722

File tree

8 files changed

+239
-159
lines changed

8 files changed

+239
-159
lines changed

‎dashboard/full.html‎

Lines changed: 196 additions & 131 deletions
Original file line numberDiff line numberDiff line change
@@ -194,69 +194,66 @@ <h4>Sample forms</h4>
194194
<h4>Sample table</h4>
195195
<div class="scrollbar table">
196196
<table class="full width">
197-
<tr>
198-
<th>#</th>
199-
<th>Username</th>
200-
<th>Email</th>
201-
<th>Action</th>
202-
</tr>
203-
<tr>
204-
<td>1</td>
205-
<td>Root</td>
206-
<td>root@domain.com</td>
207-
<td class="action-buttons">
208-
<span class="tooltip">
209-
<a href="#">
210-
<i class="fa fa-pencil" aria-hidden="true"></i>
211-
<span class="warning left">Edit</span>
212-
</a>
213-
</span>
214-
<span class="tooltip">
215-
<a href="#">
216-
<i class="fa fa-times" aria-hidden="true"></i>
217-
<span class="danger right">Delete</span>
218-
</a>
219-
</span>
220-
</td>
221-
</tr>
222-
<tr>
223-
<td>2</td>
224-
<td>Admin</td>
225-
<td>admin@domain.com</td>
226-
<td class="action-buttons">
227-
<span class="tooltip">
228-
<a href="#">
229-
<i class="fa fa-pencil" aria-hidden="true"></i>
230-
<span class="warning left">Edit</span>
231-
</a>
232-
</span>
233-
<span class="tooltip">
234-
<a href="#">
235-
<i class="fa fa-times" aria-hidden="true"></i>
236-
<span class="danger right">Delete</span>
237-
</a>
238-
</span>
239-
</td>
240-
</tr>
241-
<tr>
242-
<td>3</td>
243-
<td>User</td>
244-
<td>user@domain.com</td>
245-
<td class="action-buttons">
246-
<span class="tooltip">
247-
<a href="#">
248-
<i class="fa fa-pencil" aria-hidden="true"></i>
249-
<span class="warning left">Edit</span>
250-
</a>
251-
</span>
252-
<span class="tooltip">
253-
<a href="#">
254-
<i class="fa fa-times" aria-hidden="true"></i>
255-
<span class="danger right">Delete</span>
256-
</a>
257-
</span>
258-
</td>
259-
</tr>
197+
<thead>
198+
<tr>
199+
<th>Country</th>
200+
<th>Currency</th>
201+
<th>Quantity</th>
202+
<th>Buy</th>
203+
<th>Sell</th>
204+
<th>Mid</th>
205+
</tr>
206+
</thead>
207+
<tbody>
208+
<tr>
209+
<td>Australia</td>
210+
<td>Australian dollar</td>
211+
<td>1</td>
212+
<td>15,847</td>
213+
<td>16,660</td>
214+
<td>16,253</td>
215+
</tr>
216+
<tr>
217+
<td>EU</td>
218+
<td>Euro</td>
219+
<td>1</td>
220+
<td>25,1657</td>
221+
<td>26,455</td>
222+
<td>25,810</td>
223+
</tr>
224+
<tr>
225+
<td>USA</td>
226+
<td>United States dollar</td>
227+
<td>1</td>
228+
<td>22.270</td>
229+
<td>23,412</td>
230+
<td>22,841</td>
231+
</tr>
232+
<tr>
233+
<td>Australia</td>
234+
<td>Australian dollar</td>
235+
<td>1</td>
236+
<td>15,847</td>
237+
<td>16,660</td>
238+
<td>16,253</td>
239+
</tr>
240+
<tr>
241+
<td>EU</td>
242+
<td>Euro</td>
243+
<td>1</td>
244+
<td>25,1657</td>
245+
<td>26,455</td>
246+
<td>25,810</td>
247+
</tr>
248+
<tr>
249+
<td>USA</td>
250+
<td>United States dollar</td>
251+
<td>1</td>
252+
<td>22.270</td>
253+
<td>23,412</td>
254+
<td>22,841</td>
255+
</tr>
256+
</tbody>
260257
</table>
261258
</div>
262259
</div>
@@ -266,69 +263,130 @@ <h4>Sample table</h4>
266263
<h4>Sample style table</h4>
267264
<div class="scrollbar table">
268265
<table class="full width">
269-
<tr class="default">
270-
<th>#</th>
271-
<th>Username</th>
272-
<th>Email</th>
273-
<th>Action</th>
274-
</tr>
275-
<tr class="default">
276-
<td>1</td>
277-
<td>Root</td>
278-
<td>root@domain.com</td>
279-
<td class="action-buttons">
280-
<span class="tooltip">
281-
<a href="#">
282-
<i class="fa fa-pencil" aria-hidden="true"></i>
283-
<span class="warning left">Edit</span>
284-
</a>
285-
</span>
286-
<span class="tooltip">
287-
<a href="#">
288-
<i class="fa fa-times" aria-hidden="true"></i>
289-
<span class="danger right">Delete</span>
290-
</a>
291-
</span>
292-
</td>
293-
</tr>
294-
<tr class="default">
295-
<td>2</td>
296-
<td>Admin</td>
297-
<td>admin@domain.com</td>
298-
<td class="action-buttons">
299-
<span class="tooltip">
300-
<a href="#">
301-
<i class="fa fa-pencil" aria-hidden="true"></i>
302-
<span class="warning left">Edit</span>
303-
</a>
304-
</span>
305-
<span class="tooltip">
306-
<a href="#">
307-
<i class="fa fa-times" aria-hidden="true"></i>
308-
<span class="danger right">Delete</span>
309-
</a>
310-
</span>
311-
</td>
312-
</tr>
313-
<tr class="default">
314-
<td>3</td>
315-
<td>User</td>
316-
<td>user@domain.com</td>
317-
<td class="action-buttons">
318-
<span class="tooltip">
319-
<a href="#">
320-
<i class="fa fa-pencil" aria-hidden="true"></i>
321-
<span class="warning left">Edit</span>
322-
</a>
323-
</span>
324-
<span class="tooltip">
325-
<a href="#">
326-
<i class="fa fa-times" aria-hidden="true"></i>
327-
<span class="danger right">Delete</span>
328-
</a>
329-
</span>
330-
</td>
331-
</tr>
266+
<thead>
267+
<tr>
268+
<th>Name</th>
269+
<th>Role</th>
270+
<th>From</th>
271+
<th>Action</th>
272+
</tr>
273+
</thead>
274+
<tbody>
275+
<tr>
276+
<td>John Doe</td>
277+
<td>Admin</td>
278+
<td>USA</td>
279+
<td class="action-buttons">
280+
<span class="tooltip">
281+
<a href="#">
282+
<i class="fa fa-pencil" aria-hidden="true"></i>
283+
<span class="warning left">Edit</span>
284+
</a>
285+
</span>
286+
<span class="tooltip">
287+
<a href="#">
288+
<i class="fa fa-times" aria-hidden="true"></i>
289+
<span class="danger right">Delete</span>
290+
</a>
291+
</span>
292+
</td>
293+
</tr>
294+
<tr>
295+
<td>Sample Name</td>
296+
<td>User</td>
297+
<td>PL</td>
298+
<td class="action-buttons">
299+
<span class="tooltip">
300+
<a href="#">
301+
<i class="fa fa-pencil" aria-hidden="true"></i>
302+
<span class="warning left">Edit</span>
303+
</a>
304+
</span>
305+
<span class="tooltip">
306+
<a href="#">
307+
<i class="fa fa-times" aria-hidden="true"></i>
308+
<span class="danger right">Delete</span>
309+
</a>
310+
</span>
311+
</td>
312+
</tr>
313+
<tr>
314+
<td>Jan Novák</td>
315+
<td>User</td>
316+
<td>USA</td>
317+
<td class="action-buttons">
318+
<span class="tooltip">
319+
<a href="#">
320+
<i class="fa fa-pencil" aria-hidden="true"></i>
321+
<span class="warning left">Edit</span>
322+
</a>
323+
</span>
324+
<span class="tooltip">
325+
<a href="#">
326+
<i class="fa fa-times" aria-hidden="true"></i>
327+
<span class="danger right">Delete</span>
328+
</a>
329+
</span>
330+
</td>
331+
</tr>
332+
<tr>
333+
<td>John Doe</td>
334+
<td>Admin</td>
335+
<td>USA</td>
336+
<td class="action-buttons">
337+
<span class="tooltip">
338+
<a href="#">
339+
<i class="fa fa-pencil" aria-hidden="true"></i>
340+
<span class="warning left">Edit</span>
341+
</a>
342+
</span>
343+
<span class="tooltip">
344+
<a href="#">
345+
<i class="fa fa-times" aria-hidden="true"></i>
346+
<span class="danger right">Delete</span>
347+
</a>
348+
</span>
349+
</td>
350+
</tr>
351+
<tr>
352+
<td>Sample Name</td>
353+
<td>User</td>
354+
<td>PL</td>
355+
<td class="action-buttons">
356+
<span class="tooltip">
357+
<a href="#">
358+
<i class="fa fa-pencil" aria-hidden="true"></i>
359+
<span class="warning left">Edit</span>
360+
</a>
361+
</span>
362+
<span class="tooltip">
363+
<a href="#">
364+
<i class="fa fa-times" aria-hidden="true"></i>
365+
<span class="danger right">Delete</span>
366+
</a>
367+
</span>
368+
</td>
369+
</tr>
370+
<tr>
371+
<td>Jan Novák</td>
372+
<td>User</td>
373+
<td>USA</td>
374+
<td class="action-buttons">
375+
<span class="tooltip">
376+
<a href="#">
377+
<i class="fa fa-pencil" aria-hidden="true"></i>
378+
<span class="warning left">Edit</span>
379+
</a>
380+
</span>
381+
<span class="tooltip">
382+
<a href="#">
383+
<i class="fa fa-times" aria-hidden="true"></i>
384+
<span class="danger right">Delete</span>
385+
</a>
386+
</span>
387+
</td>
388+
</tr>
389+
</tbody>
332390
</table>
333391
</div>
334392
</div>
@@ -357,11 +415,18 @@ <h4>Sample paragraphs</h4>
357415
nanobar.go(100);
358416

359417
new PerfectScrollbar('.scrollbar');
360-
$(function() {
361-
$('.scrollbar.table').each(function() {
362-
new PerfectScrollbar($(this)[0]);
363-
});
364-
})
418+
419+
// float thead
420+
var table = $('table');
421+
var scrollbar = '.scrollbar.table';
422+
$(scrollbar).each(function() {
423+
new PerfectScrollbar($(this)[0]);
424+
});
425+
table.floatThead({
426+
scrollContainer: function(table) {
427+
return table.closest(scrollbar);
428+
}
429+
});
365430

366431
// close messages
367432
$('.close-message').on('click', function() {

‎gruntfile.js‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,8 @@ module.exports = function(grunt) {
6363
'node_modules/perfect-scrollbar/dist/perfect-scrollbar.js',
6464
'node_modules/nanobar/nanobar.js',
6565
'node_modules/css-ui-responsive-menu/js/responsive.menu.js',
66-
'node_modules/css-ui-dropdown-menu/js/dropdown.menu.js'
66+
'node_modules/css-ui-dropdown-menu/js/dropdown.menu.js',
67+
'node_modules/floatthead/src/jquery.floatThead.js'
6768
]
6869
}
6970
}

0 commit comments

Comments
 (0)