مستندات کامل را بخوانید در اینجا

تنظیم نشده

DataTables اکثر امکانات را به صورت پیش فرض فعال کرده است، بنابراین تنها کاری که برای استفاده از آن در جدول های خودتان باید بکنید این است که فانکشن ایجاد کننده آن را فراخوانی کنید: $().DataTable();.

نام موقعیت دفتر سن تاریخ شروع حقوق
تونی استارک طراح سیستم تبریز 61 1391/04/25 320,800
استیو راجرز حسابدار تهران 63 1391/07/25 170,750
اولیور کویین تدوینگر تکنیکال اهواز 66 1389/01/12 86,000
بری آلن توسعه دهنده جاوا اسکریپت تبریز 22 1392/03/29 433,060
امیلیا کلارک حسابدار تهران 33 1398/11/28 162,700
کریستین رونالدو متخصص سیستم تبریز 61 1392/12/02 372,000
لیونل مسی دستیار فروش اهواز 59 1392/08/06 137,500
بروس وین متخصص سیستم تهران 55 1390/10/14 327,900
سیسکو رامون توسعه دهنده جاوا اسکریپت اهواز 39 1389/09/15 205,500
لورل لنس مهندس نرم افزار تبریز 23 1398/12/13 103,600
روی هارپر مدیر شرکت همدان 30 1398/12/19 90,560
تونی استارک سرپرست پشتیبانی تبریز 22 1393/03/03 342,000
استیو راجرز طراح وب اهواز 36 1398/10/16 470,600
جسیکا آلبا طراح بازاریابی ارشد همدان 43 1392/12/18 313,500
امیلیا کلارک طراح وب همدان 19 1390/03/17 385,750
کریستوفر نولان طراح بازاریابی همدان 66 1392/11/27 198,500
فیل کولسن Chief Financial Officer (CFO) تبریز 64 1390/06/09 725,000
گلوریا لیتل مدیر سیستم تبریز 59 1389/04/10 237,500
جیسون استاتهام مهندس نرم افزار همدان 41 1392/10/13 132,000
برد پیت Personnel Lead تبریز 35 1392/09/26 217,500
لئوناردو دیکاپریو Development Lead تبریز 30 1391/09/03 345,000
سایمون کاول Chief Marketing Officer (CMO) تبریز 40 1389/06/25 675,000
کارا دنورز دستیار فروش تبریز 46 1391/12/06 145,600
بری الن طراح وب همدان 47 1391/03/21 356,250
لورل لنس مدیر سیستم همدان 21 1389/02/27 103,500
اولیور کوئین توسعه دهنده اهواز 30 1390/07/14 86,500
تامی مرلین طراح وب تبریز 51 1398/11/13 183,000
جان دیگل توسعه دهنده جاوا اسکریپت مشهد 29 1391/06/27 183,000
روی هارپر پشتیبان مشتری تبریز 27 1391/01/25 112,000
نام موقعیت دفتر سن تاریخ شروع حقوق

گروه بندی سطری

هرچند DataTables گروهبندی سطر ها را در داخل خود ندارد، اما میتوان ظاهر و احساس گروهبندی سطر ها را در آن ایجاد کرد.

نام موقعیت دفتر سن تاریخ شروع حقوق
روی هارپر مدیر شرکت همدان 30 1398/12/19 90,560
تونی استارک سرپرست پشتیبانی تبریز 22 1393/03/03 342,000
گلوریا لیتل مدیر سیستم تبریز 59 1389/04/10 237,500
لئوناردو دیکاپریو Development Lead تبریز 30 1391/09/03 345,000
جان دیگل دستیار فروش ساری 23 1390/09/20 85,600
روی هارپر طراح وب مشهد 28 1390/11/14 357,650
لورل لنس Regional Marketing تهران 20 1391/08/14 163,000
ری پالمر متخصص سیستم ساری 37 1391/06/02 95,400
جان کنستانتین Technical Author همدان 27 1391/05/07 145,000
اسکارلت یوهانسون Post-Sales support تبریز 46 1391/03/09 324,050
نام موقعیت دفتر سن تاریخ شروع حقوق

سرتیتر های پیشرفته

در هنگام استفاده از جدول ها برای نمایش اطلاعات، اغلب آرزو خواهید کرد که اطلاعات ستون را در قالب گروه ها نمایش دهید. DataTables به طور کامل از colspan و rowspan در سرتیتر جدول پشتیبانی می کند.

نام اطلاعات شغلی تماس
موقعیت حقوق دفتر تعداد فروش ایمیل
تونی استارک طراح سیستم 320,800 تبریز 5421 t.nixon@datatables.net
استیو راجرز حسابدار 170,750 تهران 8422 g.winters@datatables.net
اولیور کویین تدوینگر تکنیکال 86,000 اهواز 1562 a.cox@datatables.net
بری آلن توسعه دهنده جاوا اسکریپت 433,060 تبریز 6224 c.kelly@datatables.net
امیلیا کلارک حسابدار 162,700 تهران 5407 a.satou@datatables.net
کریستین رونالدو متخصص سیستم 372,000 تبریز 4804 b.williamson@datatables.net
لیونل مسی دستیار فروش 137,500 اهواز 9608 h.chandler@datatables.net
بروس وین متخصص سیستم 327,900 تهران 6200 r.davidson@datatables.net
سیسکو رامون توسعه دهنده جاوا اسکریپت 205,500 اهواز 2360 c.hurst@datatables.net
لورل لنس مهندس نرم افزار 103,600 تبریز 1667 s.frost@datatables.net
روی هارپر مدیر شرکت 90,560 همدان 3814 j.gaines@datatables.net
تونی استارک سرپرست پشتیبانی 342,000 تبریز 9497 q.flynn@datatables.net
استیو راجرز طراح وب 470,600 اهواز 6741 c.marshall@datatables.net
جسیکا آلبا طراح بازاریابی ارشد 313,500 همدان 3597 h.kennedy@datatables.net
امیلیا کلارک طراح وب 385,750 همدان 1965 t.fitzpatrick@datatables.net
کریستوفر نولان طراح بازاریابی 198,500 همدان 1581 m.silva@datatables.net
فیل کولسن Chief Financial Officer (CFO) 725,000 تبریز 3059 p.byrd@datatables.net
گلوریا لیتل مدیر سیستم 237,500 تبریز 1721 g.little@datatables.net
جیسون استاتهام مهندس نرم افزار 132,000 همدان 2558 b.greer@datatables.net
برد پیت Personnel Lead 217,500 تبریز 2290 d.rios@datatables.net
لئوناردو دیکاپریو Development Lead 345,000 تبریز 1937 j.caldwell@datatables.net
سایمون کاول Chief Marketing Officer (CMO) 675,000 تبریز 6154 y.berry@datatables.net
Caesar Vance Pre-Sales Support 106,450 تبریز 8330 c.vance@datatables.net
جان دیگل دستیار فروش 85,600 ساری 3023 d.wilder@datatables.net
آنجلینا جولی Chief Executive Officer (CEO) 1,200,000 همدان 5797 a.ramos@datatables.net
سلنا گومز توسعه دهنده 92,575 تبریز 8822 g.joyce@datatables.net
روی هارپر طراح وب 357,650 مشهد 9239 j.chang@datatables.net
زلاتان ابراهیموویچ مهندس نرم افزار 206,850 اهواز 1314 b.wagner@datatables.net
روبرتو کارلوس Chief Operating Officer (COO) 850,000 اهواز 2947 f.green@datatables.net
لورل لنس Regional Marketing 163,000 تهران 8899 s.itou@datatables.net
ری پالمر متخصص سیستم 95,400 ساری 2769 m.house@datatables.net
زین الدین زیدان توسعه دهنده 114,500 همدان 6832 s.burks@datatables.net
جان کنستانتین Technical Author 145,000 همدان 3606 p.bartlett@datatables.net
سرجیو راموس رهبر تیم 235,500 اهواز 2860 g.cortez@datatables.net
اسکارلت یوهانسون Post-Sales support 324,050 تبریز 8240 m.mccray@datatables.net
ایکر کاسیاس طراح بازاریابی 85,675 اهواز 5384 u.butler@datatables.net
لکس لوتر مدیر شرکت 164,500 اهواز 7031 h.hatfield@datatables.net
کارا دنورز Secretary 109,850 اهواز 6318 h.fuentes@datatables.net
بروس وین Financial Controller 452,500 اهواز 9422 v.harrell@datatables.net
کیت کین مدیر شرکت 136,200 همدان 7580 t.mooney@datatables.net
کیتلین اسنو کارگردان 645,750 تبریز 1042 j.bradshaw@datatables.net
سیسکو رامون Support Engineer 234,500 مشهد 2120 o.liang@datatables.net
نش ولز مهندس نرم افزار 163,500 همدان 6222 b.nash@datatables.net
دمی لواتو Support Engineer 139,575 تهران 9383 s.yamamoto@datatables.net
تور والتون توسعه دهنده 98,540 تبریز 8327 t.walton@datatables.net
استیو جابز Support Engineer 87,500 اهواز 2927 f.camacho@datatables.net
بیل گیتس Data Coordinator 138,575 مشهد 8352 s.baldwin@datatables.net
مارک زاکربرگ مهندس نرم افزار 125,000 تبریز 7439 z.frank@datatables.net
ایلان ماسک مهندس نرم افزار 115,000 اهواز 4389 z.serrano@datatables.net
جف بزوس Junior Javascript Developer 75,650 تبریز 3431 j.acosta@datatables.net
کارا دنورز دستیار فروش 145,600 تبریز 3990 c.stevens@datatables.net
بری الن طراح وب 356,250 همدان 1016 h.butler@datatables.net
لورل لنس مدیر سیستم 103,500 همدان 6733 l.greer@datatables.net
اولیور کوئین توسعه دهنده 86,500 اهواز 8196 j.alexander@datatables.net
تامی مرلین طراح وب 183,000 تبریز 6373 s.decker@datatables.net
جان دیگل توسعه دهنده جاوا اسکریپت 183,000 مشهد 5384 m.bruce@datatables.net
روی هارپر پشتیبان مشتری 112,000 تبریز 4226 d.snider@datatables.net
نام موقعیت حقوق دفتر تعداد فروش ایمیل

افزودن سطر ها

سطر های جدید میتوانند به سادگی توسط متد API row.add() به DataTable اضافه شوند. به سادگی فانکشن API را با اطلاعاتی که برای سطر جدید باید استفاده شوند فراخوانی کنید (به صورت آرایه یا object). سطر های چندگانه میتوانند توسط متد rows.add() اضافه شوند (به جمع بودن rows توجه کنید). اطلاعات میتوانند توسط متد های row().data() و row().remove() به روز رسانی شوند.

ستون 1 ستون 2 ستون 3 ستون 4 ستون 5
1.1 1.2 1.3 1.4 1.5
ستون 1 ستون 2 ستون 3 ستون 4 ستون 5

انتخابگرهای ستون با گزینه های برون بری و چاپ

همه دکمه های برون بری اطلاعات یک گزینه exportOptions دارند که میتواند برای مشخص کردن اینکه چه اطلاعاتی و چگونه باید برون بری شوند استفاده شود. گزینه های داده شده به این پارامتر به صورت مستقیم به متد buttons.exportData() ارسال میشوند تا اطلاعات مورد نیاز دریافت شود.

دکمه چاپ یک پنجره جدید در مرورگر کاربر باز خواهد کرد و به صورت خودکار عمل چاپ را انجام خواهد داد که به کاربر اجازه چاپ جدول را می دهد. پنجره پس از اتمام چاپ و یا لغو چاپ بسته خواهد شد.

نام موقعیت دفتر سن تاریخ شروع حقوق
تونی استارک طراح سیستم تبریز 61 1391/04/25 320,800
استیو راجرز حسابدار تهران 63 1391/07/25 170,750
اولیور کویین تدوینگر تکنیکال اهواز 66 1389/01/12 86,000
بری آلن توسعه دهنده جاوا اسکریپت تبریز 22 1392/03/29 433,060
امیلیا کلارک حسابدار تهران 33 1398/11/28 162,700
کریستین رونالدو متخصص سیستم تبریز 61 1392/12/02 372,000
لیونل مسی دستیار فروش اهواز 59 1392/08/06 137,500
بروس وین متخصص سیستم تهران 55 1390/10/14 327,900
سیسکو رامون توسعه دهنده جاوا اسکریپت اهواز 39 1389/09/15 205,500
لورل لنس مهندس نرم افزار تبریز 23 1398/12/13 103,600
روی هارپر مدیر شرکت همدان 30 1398/12/19 90,560
تونی استارک سرپرست پشتیبانی تبریز 22 1393/03/03 342,000
استیو راجرز طراح وب اهواز 36 1398/10/16 470,600
جسیکا آلبا طراح بازاریابی ارشد همدان 43 1392/12/18 313,500
امیلیا کلارک طراح وب همدان 19 1390/03/17 385,750
کریستوفر نولان طراح بازاریابی همدان 66 1392/11/27 198,500
فیل کولسن Chief Financial Officer (CFO) تبریز 64 1390/06/09 725,000
گلوریا لیتل مدیر سیستم تبریز 59 1389/04/10 237,500
جیسون استاتهام مهندس نرم افزار همدان 41 1392/10/13 132,000
برد پیت Personnel Lead تبریز 35 1392/09/26 217,500
تور والتون توسعه دهنده تبریز 61 1393/08/11 98,540
استیو جابز Support Engineer اهواز 47 1389/07/07 87,500
بیل گیتس Data Coordinator مشهد 64 1392/04/09 138,575
مارک زاکربرگ مهندس نرم افزار تبریز 63 1390/01/04 125,000
تامی مرلین طراح وب تبریز 51 1398/11/13 183,000
جان دیگل توسعه دهنده جاوا اسکریپت مشهد 29 1391/06/27 183,000
روی هارپر پشتیبان مشتری تبریز 27 1391/01/25 112,000
نام موقعیت دفتر سن تاریخ شروع حقوق

اسکرول - افقی و عمودی

در این نمونه می توانید مشاهده کنید که DataTables در هر دو جهت افقی و عمودی به صورت همزمان اسکرول می شود. توجه داشته باشید که همچنین صفحه بندی در این نمونه فعال شده است و اسکرول شدن این را حساب می کند.

نام نام خانوادگی موقعیت دفتر سن تاریخ شروع حقوق تعداد فروش ایمیل
تایگر نیکسون طراح سیستم تبریز 61 1391/04/25 320,800 5421 t.nixon@datatables.net
گرت وینترز حسابدار تهران 63 1391/07/25 170,750 8422 g.winters@datatables.net
تونی استارک تدوینگر تکنیکال اهواز 66 1389/01/12 86,000 1562 a.cox@datatables.net
استیو راجرز توسعه دهنده جاوا اسکریپت تبریز 22 1392/03/29 433,060 6224 c.kelly@datatables.net
اولیور کویین حسابدار تهران 33 1398/11/28 162,700 5407 a.satou@datatables.net
بری الن متخصص سیستم تبریز 61 1392/12/02 372,000 4804 b.williamson@datatables.net
ویل اسمیت دستیار فروش اهواز 59 1392/08/06 137,500 9608 h.chandler@datatables.net
جان دیگل متخصص سیستم تهران 55 1390/10/14 327,900 6200 r.davidson@datatables.net
روی هارپر توسعه دهنده جاوا اسکریپت اهواز 39 1389/09/15 205,500 2360 c.hurst@datatables.net
سارا لنس مهندس نرم افزار تبریز 23 1398/12/13 103,600 1667 s.frost@datatables.net
کیتلین اسنو مدیر شرکت همدان 30 1398/12/19 90,560 3814 j.gaines@datatables.net
سیسکو رامون سرپرست پشتیبانی تبریز 22 1393/03/03 342,000 9497 q.flynn@datatables.net
جو وست طراح وب اهواز 36 1398/10/16 470,600 6741 c.marshall@datatables.net
بروس وین طراح بازاریابی ارشد همدان 43 1392/12/18 313,500 3597 h.kennedy@datatables.net
تانیا جانسون طراح وب همدان 19 1390/03/17 385,750 1965 t.fitzpatrick@datatables.net
محسن یگانه طراح بازاریابی همدان 66 1392/11/27 198,500 1581 m.silva@datatables.net
جرارد پیکه Chief Financial Officer (CFO) تبریز 64 1390/06/09 725,000 3059 p.byrd@datatables.net
گلوریا لیتل مدیر سیستم تبریز 59 1389/04/10 237,500 1721 g.little@datatables.net
بردلی کینگ مهندس نرم افزار همدان 41 1392/10/13 132,000 2558 b.greer@datatables.net
دانا راموس Personnel Lead تبریز 35 1392/09/26 217,500 2290 d.rios@datatables.net
پیتر پارکر Development Lead تبریز 30 1391/09/03 345,000 1937 j.caldwell@datatables.net
یوری بری Chief Marketing Officer (CMO) تبریز 40 1389/06/25 675,000 6154 y.berry@datatables.net
سزار ونس Pre-Sales Support تبریز 21 1391/12/12 106,450 8330 c.vance@datatables.net
دوریس ویلدر دستیار فروش ساری 23 1390/09/20 85,600 3023 d.wilder@datatables.net
آنجلیکا راموس Chief Executive Officer (CEO) همدان 47 1389/10/09 1,200,000 5797 a.ramos@datatables.net
روی هارپر توسعه دهنده تبریز 42 1390/12/22 92,575 8822 g.joyce@datatables.net
جنیفر لانس طراح وب مشهد 28 1390/11/14 357,650 9239 j.chang@datatables.net
مارتا مکوری Post-Sales support تبریز 46 1391/03/09 324,050 8240 m.mccray@datatables.net
یونیتی بالتر طراح بازاریابی اهواز 47 1389/12/09 85,675 5384 u.butler@datatables.net
هاوارد هت فیلد مدیر شرکت اهواز 51 1398/12/16 164,500 7031 h.hatfield@datatables.net
هاوی مندل Secretary اهواز 41 1390/02/12 109,850 6318 h.fuentes@datatables.net
ویوین هارلی Financial Controller اهواز 62 1389/02/14 452,500 9422 v.harrell@datatables.net
تیموتی مونی مدیر شرکت همدان 37 1398/12/11 136,200 7580 t.mooney@datatables.net
جکسون بردشاور کارگردان تبریز 65 1398/09/26 645,750 1042 j.bradshaw@datatables.net
اولیویا لیانگ Support Engineer مشهد 64 1391/02/03 234,500 2120 o.liang@datatables.net
برونو نش مهندس نرم افزار همدان 38 1391/05/03 163,500 6222 b.nash@datatables.net
ساکورا یاماها Support Engineer تهران 37 1389/08/19 139,575 9383 s.yamamoto@datatables.net
تور والتون توسعه دهنده تبریز 61 1393/08/11 98,540 8327 t.walton@datatables.net
فلین کامرون Support Engineer اهواز 47 1389/07/07 87,500 2927 f.camacho@datatables.net
سرجیو راموس Data Coordinator مشهد 64 1392/04/09 138,575 8352 s.baldwin@datatables.net
زین الدین زیدان مهندس نرم افزار تبریز 63 1390/01/04 125,000 7439 z.frank@datatables.net
زوریتا سرانو مهندس نرم افزار اهواز 56 1392/06/01 115,000 4389 z.serrano@datatables.net
جنیفر آگوست Junior Javascript Developer تبریز 43 1393/02/01 75,650 3431 j.acosta@datatables.net
کارا استیون دستیار فروش تبریز 46 1391/12/06 145,600 3990 c.stevens@datatables.net
هارمونی بالتر طراح وب همدان 47 1391/03/21 356,250 1016 h.butler@datatables.net
لارا کینگ مدیر سیستم همدان 21 1389/02/27 103,500 6733 l.greer@datatables.net
جوناس الکساندر توسعه دهنده اهواز 30 1390/07/14 86,500 8196 j.alexander@datatables.net
جیسون تاد طراح وب تبریز 51 1398/11/13 183,000 6373 s.decker@datatables.net
محسن راجرز توسعه دهنده جاوا اسکریپت مشهد 29 1391/06/27 183,000 5384 m.bruce@datatables.net
دارا اشنایدر پشتیبان مشتری تبریز 27 1391/01/25 112,000 4226 d.snider@datatables.net

سفارشی سازی قالب

سفارشی سازی کنید و به صورت زنده مشاهده کنید.
طرح قالب

رنگ های فهرست

جمع کردن فهرست

رنگ های نوار بالایی
نکته : این گزینه تنها در حالت نوار ثابت و در هنگام اسکرول صفحه نمایش داده خواهد شد.
نوع نوار بالایی

نوع فوتر

سایه کارت

مخفی سازی دکمه اسکرول به بالا
ارتباط با ما
امروز

How can we help? 😄

7:45 ق.ظ

Hey John, I am looking for the best admin template.

Could you please help me to find it out? 🤔

7:50 ق.ظ

Stack admin is the responsive bootstrap 4 admin template.

8:01 ق.ظ