2424
2525 <!-- title for sidebar -->
2626 < div class ="title ">
27- < p > Responsive menu </ p >
27+ < p > Dashboard </ p >
2828 </ div >
2929 < div class ="logged sidebar ">
3030 < ul class ="clear ">
@@ -192,141 +192,145 @@ <h4>Sample forms</h4>
192192 < div class ="six columns ">
193193 < div class ="box style ">
194194 < h4 > Sample table</ h4 >
195- < table class ="full width ">
196- < tr >
197- < th > #</ th >
198- < th > Username</ th >
199- < th > Email</ th >
200- < th > Action</ th >
201- </ tr >
202- < tr >
203- < td > 1</ td >
204- < td > Root</ td >
205- < td > root@domain.com</ td >
206- < td class ="action-buttons ">
207- < span class ="tooltip ">
208- < a href ="# ">
209- < i class ="fa fa-pencil " aria-hidden ="true "> </ i >
210- < span class ="warning left "> Edit</ span >
211- </ a >
212- </ span >
213- < span class ="tooltip ">
214- < a href ="# ">
215- < i class ="fa fa-times " aria-hidden ="true "> </ i >
216- < span class ="danger right "> Delete</ span >
217- </ a >
218- </ span >
219- </ td >
220- </ tr >
221- < tr >
222- < td > 2</ td >
223- < td > Admin</ td >
224- < td > admin@domain.com</ td >
225- < td class ="action-buttons ">
226- < span class ="tooltip ">
227- < a href ="# ">
228- < i class ="fa fa-pencil " aria-hidden ="true "> </ i >
229- < span class ="warning left "> Edit</ span >
230- </ a >
231- </ span >
232- < span class ="tooltip ">
233- < a href ="# ">
234- < i class ="fa fa-times " aria-hidden ="true "> </ i >
235- < span class ="danger right "> Delete</ span >
236- </ a >
237- </ span >
238- </ td >
239- </ tr >
240- < tr >
241- < td > 3</ td >
242- < td > User</ td >
243- < td > user@domain.com</ td >
244- < td class ="action-buttons ">
245- < span class ="tooltip ">
246- < a href ="# ">
247- < i class ="fa fa-pencil " aria-hidden ="true "> </ i >
248- < span class ="warning left "> Edit</ span >
249- </ a >
250- </ span >
251- < span class ="tooltip ">
252- < a href ="# ">
253- < i class ="fa fa-times " aria-hidden ="true "> </ i >
254- < span class ="danger right "> Delete</ span >
255- </ a >
256- </ span >
257- </ td >
258- </ tr >
259- </ table >
195+ < div class ="scrollbar table ">
196+ < 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 >
260+ </ table >
261+ </ div >
260262 </ div >
261263 </ div >
262264 < div class ="six columns ">
263265 < div class ="box style ">
264266 < h4 > Sample style table</ h4 >
265- < table class ="full width ">
266- < tr class ="default ">
267- < th > #</ th >
268- < th > Username</ th >
269- < th > Email</ th >
270- < th > Action</ th >
271- </ tr >
272- < tr class ="default ">
273- < td > 1</ td >
274- < td > Root</ td >
275- < td > root@domain.com</ td >
276- < td class ="action-buttons ">
277- < span class ="tooltip ">
278- < a href ="# ">
279- < i class ="fa fa-pencil " aria-hidden ="true "> </ i >
280- < span class ="warning left "> Edit</ span >
281- </ a >
282- </ span >
283- < span class ="tooltip ">
284- < a href ="# ">
285- < i class ="fa fa-times " aria-hidden ="true "> </ i >
286- < span class ="danger right "> Delete</ span >
287- </ a >
288- </ span >
289- </ td >
290- </ tr >
291- < tr class ="default ">
292- < td > 2</ td >
293- < td > Admin</ td >
294- < td > admin@domain.com</ td >
295- < td class ="action-buttons ">
296- < span class ="tooltip ">
297- < a href ="# ">
298- < i class ="fa fa-pencil " aria-hidden ="true "> </ i >
299- < span class ="warning left "> Edit</ span >
300- </ a >
301- </ span >
302- < span class ="tooltip ">
303- < a href ="# ">
304- < i class ="fa fa-times " aria-hidden ="true "> </ i >
305- < span class ="danger right "> Delete</ span >
306- </ a >
307- </ span >
308- </ td >
309- </ tr >
310- < tr class ="default ">
311- < td > 3</ td >
312- < td > User</ td >
313- < td > user@domain.com</ td >
314- < td class ="action-buttons ">
315- < span class ="tooltip ">
316- < a href ="# ">
317- < i class ="fa fa-pencil " aria-hidden ="true "> </ i >
318- < span class ="warning left "> Edit</ span >
319- </ a >
320- </ span >
321- < span class ="tooltip ">
322- < a href ="# ">
323- < i class ="fa fa-times " aria-hidden ="true "> </ i >
324- < span class ="danger right "> Delete</ span >
325- </ a >
326- </ span >
327- </ td >
328- </ tr >
329- </ table >
267+ < div class ="scrollbar table ">
268+ < 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 >
332+ </ table >
333+ </ div >
330334 </ div >
331335 </ div >
332336 </ div >
@@ -352,7 +356,12 @@ <h4>Sample paragraphs</h4>
352356 var nanobar = new Nanobar ( ) ;
353357 nanobar . go ( 100 ) ;
354358
355- var ps = new PerfectScrollbar ( '.scrollbar' ) ;
359+ new PerfectScrollbar ( '.scrollbar' ) ;
360+ $ ( function ( ) {
361+ $ ( '.scrollbar.table' ) . each ( function ( ) {
362+ new PerfectScrollbar ( $ ( this ) [ 0 ] ) ;
363+ } ) ;
364+ } )
356365
357366 // close messages
358367 $ ( '.close-message' ) . on ( 'click' , function ( ) {
0 commit comments