جداول داده های پایه

پیکربندی صفر

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

نامموقعیتدفترسنتاریخ شروعحقوق
آنجلیکا راموس مدیر عامل (مدیر عامل) لندن 47 2009/10/09 1,200,000 دلار
آیری ساتو حسابدار توکیو 33 2008/11/28 162700 دلار
اشتون کاکس نویسنده فنی جوان سانفرانسیسکو 66 2009/01/12 86000 دلار
امید فوئنتس دبیر، منشی سانفرانسیسکو 41 2010/02/12 109,850 دلار
اولیویا لیانگ مهندس پشتیبانی سنگاپور 64 2011/02/03 234500 دلار
باتلر یونیتی طراح بازاریابی سانفرانسیسکو 47 2009/12/09 85675 دلار
ببر نیکسون معمار سیستم ادینبورگ 61 2011/04/25 320800 دلار
بردلی گریر مهندس نرم افزار لندن 41 2012/10/13 132000 دلار
برندن واگنر مهندس نرم افزار سانفرانسیسکو 28 2011/06/07 206850 دلار
برونو نش مهندس نرم افزار لندن 38 2011/05/03 163500 دلار
نامموقعیتدفترسنتاریخ شروعحقوق
Showing 1 to 10 of 57 entries

سفارش پیش فرض

فرض کنید می خواهید ستون چهارم (3) را به صورت نزولی و ستون اول (0) را به صورت صعودی مرتب کنید: ترتیب شما: به این صورت است: ترتیب: [[ 3, 'نزولی' ], [ 0, 'asc' ]]

نامموقعیتدفترسنتاریخ شروعحقوق
اشتون کاکس نویسنده فنی جوان سانفرانسیسکو 66 2009/01/12 86000 دلار
مایکل سیلوا طراح بازاریابی لندن 66 2012/11/27 198500 دلار
جکسون برادشاو کارگردان نیویورک 65 2008/09/26 645750 دلار
پل برد مدیر ارشد مالی (CFO) نیویورک 64 2010/06/09 725000 دلار
اولیویا لیانگ مهندس پشتیبانی سنگاپور 64 2011/02/03 234500 دلار
سرژ بالدوین هماهنگ کننده داده ها سنگاپور 64 2012/04/09 138575 دلار
گرت وینترز حسابدار توکیو 63 2011/07/25 170750 دلار
زنایدا فرانک مهندس نرم افزار نیویورک 63 2010/01/04 125250 دلار
ویویان هارل کنترل کننده مالی سانفرانسیسکو 62 2009/02/14 452500 دلار
ببر نیکسون معمار سیستم ادینبورگ 61 2011/04/25 320800 دلار
نامموقعیتدفترسنتاریخ شروعحقوق
Showing 1 to 10 of 57 entries

سفارش چند ستونی

DataTables امکان مرتب سازی بر اساس چندین ستون را به طور همزمان فراهم می کند، که می تواند به روش های مختلف فعال شود.

هدرهای پیچیده

هنگامی که از جداول برای نمایش داده ها استفاده می کنید، اغلب مایلید اطلاعات ستون ها را به صورت گروهی نمایش دهید.

ناماطلاعات منابع انسانیمخاطب
موقعیتحقوقدفترگسترشپست الکترونیک
آنجلیکا راموس مدیر عامل (مدیر عامل) 1,200,000 دلار لندن 5797 a.ramos@datatables.net
آیری ساتو حسابدار 162700 دلار توکیو 5407 a.satou@datatables.net
اشتون کاکس نویسنده فنی جوان $86,000 سانفرانسیسکو 1562 a.cox@datatables.net
امید فوئنتس دبیر، منشی 109,850 دلار سانفرانسیسکو 6318 h.fuentes@datatables.net
اولیویا لیانگ مهندس پشتیبانی 234500 دلار سنگاپور 2120 o.liang@datatables.net
باتلر یونیتی طراح بازاریابی 85675 دلار سانفرانسیسکو 5384 u.butler@datatables.net
ببر نیکسون معمار سیستم 320800 دلار ادینبورگ 5421 t.nixon@datatables.net
بردلی گریر مهندس نرم افزار 132000 دلار لندن 2558 b.greer@datatables.net
برندن واگنر مهندس نرم افزار 206850 دلار سانفرانسیسکو 1314 b.wagner@datatables.net
برونو نش مهندس نرم افزار 163500 دلار لندن 6222 b.nash@datatables.net
نامموقعیتحقوقدفترگسترشپست الکترونیک
Showing 1 to 10 of 57 entries

موقعیت یابی DOM

هنگام سفارشی سازی DataTables برای استفاده خود، ممکن است متوجه شوید که موقعیت پیش فرض عناصر ویژگی (ورودی فیلتر و غیره) کاملاً مطابق میل شما نیست.

Showing 1 to 10 of 57 entries
نامموقعیتدفترسنتاریخ شروعحقوق
آنجلیکا راموس مدیر عامل (مدیر عامل) لندن 47 2009/10/09 1,200,000 دلار
آیری ساتو حسابدار توکیو 33 2008/11/28 162700 دلار
اشتون کاکس نویسنده فنی جوان سانفرانسیسکو 66 2009/01/12 86000 دلار
امید فوئنتس دبیر، منشی سانفرانسیسکو 41 2010/02/12 109,850 دلار
اولیویا لیانگ مهندس پشتیبانی سنگاپور 64 2011/02/03 234500 دلار
باتلر یونیتی طراح بازاریابی سانفرانسیسکو 47 2009/12/09 85675 دلار
ببر نیکسون معمار سیستم ادینبورگ 61 2011/04/25 320800 دلار
بردلی گریر مهندس نرم افزار لندن 41 2012/10/13 132000 دلار
برندن واگنر مهندس نرم افزار سانفرانسیسکو 28 2011/06/07 206850 دلار
برونو نش مهندس نرم افزار لندن 38 2011/05/03 163500 دلار
نامموقعیتدفترسنتاریخ شروعحقوق

صفحه بندی جایگزین

کنترل صفحه پیش‌فرض ارائه‌شده توسط DataTables (دکمه‌های رو به جلو و عقب با حداکثر ۷ شماره صفحه در میان) برای اکثر موقعیت‌ها خوب است، اما مواردی وجود دارد که ممکن است بخواهید گزینه‌های ارائه‌شده به کاربر نهایی را سفارشی کنید.

نامموقعیتدفترسنتاریخ شروعحقوق
آنجلیکا راموس مدیر عامل (مدیر عامل) لندن 47 2009/10/09 1,200,000 دلار
آیری ساتو حسابدار توکیو 33 2008/11/28 162700 دلار
اشتون کاکس نویسنده فنی جوان سانفرانسیسکو 66 2009/01/12 86000 دلار
امید فوئنتس دبیر، منشی سانفرانسیسکو 41 2010/02/12 109,850 دلار
اولیویا لیانگ مهندس پشتیبانی سنگاپور 64 2011/02/03 234500 دلار
باتلر یونیتی طراح بازاریابی سانفرانسیسکو 47 2009/12/09 85675 دلار
ببر نیکسون معمار سیستم ادینبورگ 61 2011/04/25 320800 دلار
بردلی گریر مهندس نرم افزار لندن 41 2012/10/13 132000 دلار
برندن واگنر مهندس نرم افزار سانفرانسیسکو 28 2011/06/07 206850 دلار
برونو نش مهندس نرم افزار لندن 38 2011/05/03 163500 دلار
نامموقعیتدفترسنتاریخ شروعحقوق
Showing 1 to 10 of 57 entries

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

این مثال بدنه جدول DataTables را در حال حرکت در جهت عمودی نشان می دهد.

نامموقعیتدفترسنتاریخ شروعحقوق
نام
موقعیت
دفتر
سن
تاریخ شروع
حقوق
نام
موقعیت
دفتر
سن
تاریخ شروع
حقوق
آنجلیکا راموس مدیر عامل (مدیر عامل) لندن 47 2009/10/09 1,200,000 دلار
آیری ساتو حسابدار توکیو 33 2008/11/28 162700 دلار
اشتون کاکس نویسنده فنی جوان سانفرانسیسکو 66 2009/01/12 86000 دلار
امید فوئنتس دبیر، منشی سانفرانسیسکو 41 2010/02/12 109,850 دلار
اولیویا لیانگ مهندس پشتیبانی سنگاپور 64 2011/02/03 234500 دلار
باتلر یونیتی طراح بازاریابی سانفرانسیسکو 47 2009/12/09 85675 دلار
ببر نیکسون معمار سیستم ادینبورگ 61 2011/04/25 320800 دلار
بردلی گریر مهندس نرم افزار لندن 41 2012/10/13 132000 دلار
برندن واگنر مهندس نرم افزار سانفرانسیسکو 28 2011/06/07 206850 دلار
برونو نش مهندس نرم افزار لندن 38 2011/05/03 163500 دلار
بریل ویلیامسون کارشناس ادغام نیویورک 61 2012/12/02 372000 دلار
تاتیانا فیتزپاتریک مدیر منطقه لندن 19 2010/03/17 385750 دلار
تیموتی مونی مدیر دفتر لندن 37 2008/12/11 136200 دلار
ثور والتون توسعه دهنده نیویورک 61 2013/08/11 98540 دلار
جنا گینز مدیر دفتر لندن 30 2008/12/19 90560 دلار
جنت کالدول رهبر توسعه نیویورک 30 2011/09/03 345000 دلار
جنیفر آکوستا برنامه نویس جوان جاوا اسکریپت ادینبورگ 43 2013/02/01 75650 دلار
جنیفر چانگ مدیر منطقه سنگاپور 28 2010/11/14 357650 دلار
جوناس الکساندر توسعه دهنده سانفرانسیسکو 30 2010/07/14 86500 دلار
جکسون برادشاو کارگردان نیویورک 65 2008/09/26 645750 دلار
دای ریوس رهبری پرسنل ادینبورگ 35 2012/09/26 217500 دلار
دوریس وایلدر دستیار فروش سیدنی 23 2010/09/20 85600 دلار
دونا اسنایدر پشتیبانی مشتری نیویورک 27 2011/01/25 112000 دلار
رونا دیویدسون کارشناس ادغام توکیو 55 2010/10/14 327900 دلار
زنایدا فرانک مهندس نرم افزار نیویورک 63 2010/01/04 125250 دلار
زوریتا سرانو مهندس نرم افزار سانفرانسیسکو 56 2012/06/01 115000 دلار
ساکورا یاماموتو مهندس پشتیبانی توکیو 37 2009/08/19 139575 دلار
سدریک کلی برنامه نویس ارشد جاوا اسکریپت ادینبورگ 22 29/03/2012 433060 دلار
سرژ بالدوین هماهنگ کننده داده ها سنگاپور 64 2012/04/09 138575 دلار
سزار ونس پشتیبانی قبل از فروش نیویورک 21 2011/12/12 106,450 دلار
سونیا فراست مهندس نرم افزار ادینبورگ 23 2008/12/13 103600 دلار
سوکی بورکز توسعه دهنده لندن 53 2009/10/22 114500 دلار
شاد دکر مدیر منطقه ادینبورگ 51 2008/11/13 183000 دلار
شارد مارشال مدیر منطقه سانفرانسیسکو 36 2008/10/16 470600 دلار
شو ایتو بازاریابی منطقه ای توکیو 20 2011/08/14 163000 دلار
فین کاماچو مهندس پشتیبانی سانفرانسیسکو 47 2009/07/07 87500 دلار
فیونا گرین مدیر ارشد عملیات (COO) سانفرانسیسکو 48 2010/03/11 850000 دلار
لائل گریر مدیر سیستم ها لندن 21 2009/02/27 103500 دلار
مارتنا مک کری پشتیبانی پس از فروش ادینبورگ 46 2011/03/09 324050 دلار
مایکل بروس برنامه نویس جاوا اسکریپت سنگاپور 29 2011/06/27 183000 دلار
مایکل سیلوا طراح بازاریابی لندن 66 2012/11/27 198500 دلار
میشل هاوس کارشناس ادغام سیدنی 37 2011/06/02 95400 دلار
هرمیون باتلر مدیر منطقه لندن 47 2011/03/21 356250 دلار
هرود چندلر دستیار فروش سانفرانسیسکو 59 2012/08/06 137500 دلار
هوارد هتفیلد مدیر دفتر سانفرانسیسکو 51 2008/12/16 164500 دلار
هیلی کندی طراح ارشد بازاریابی لندن 43 2012/12/18 313500 دلار
ویویان هارل کنترل کننده مالی سانفرانسیسکو 62 2009/02/14 452500 دلار
پرسکات بارتلت نویسنده فنی لندن 27 2011/05/07 145000 دلار
پل برد مدیر ارشد مالی (CFO) نیویورک 64 2010/06/09 725000 دلار
کارا استیونز دستیار فروش نیویورک 46 2011/12/06 145600 دلار
کالین هرست برنامه نویس جاوا اسکریپت سانفرانسیسکو 39 2009/09/15 205500 دلار
کوین فلین سرب پشتیبانی ادینبورگ 22 2013/03/03 342000 دلار
گاوین جویس توسعه دهنده ادینبورگ 42 2010/12/22 92575 دلار
گاوین کورتز سرگروه سانفرانسیسکو 22 2008/10/26 235500 دلار
گرت وینترز حسابدار توکیو 63 2011/07/25 170750 دلار
گلوریا لیتل مدیر سیستم ها نیویورک 59 2009/04/10 237500 دلار
یوری بری مدیر ارشد بازاریابی (CMO) نیویورک 40 2009/06/25 675000 دلار
نامموقعیتدفترسنتاریخ شروعحقوق
Showing 1 to 57 of 57 entries

اسکرول - ارتفاع عمودی، پویا

این مثال یک DataTable در حال پیمایش عمودی را نشان می‌دهد که از واحد CSS3 (vh) برای تغییر اندازه پویا بر اساس ارتفاع پنجره مرورگر استفاده می‌کند.

نامموقعیتدفترسنتاریخ شروعحقوق
نام
موقعیت
دفتر
سن
تاریخ شروع
حقوق
نام
موقعیت
دفتر
سن
تاریخ شروع
حقوق
آنجلیکا راموس مدیر عامل (مدیر عامل) لندن 47 2009/10/09 1,200,000 دلار
آیری ساتو حسابدار توکیو 33 2008/11/28 162700 دلار
اشتون کاکس نویسنده فنی جوان سانفرانسیسکو 66 2009/01/12 86000 دلار
امید فوئنتس دبیر، منشی سانفرانسیسکو 41 2010/02/12 109,850 دلار
اولیویا لیانگ مهندس پشتیبانی سنگاپور 64 2011/02/03 234500 دلار
باتلر یونیتی طراح بازاریابی سانفرانسیسکو 47 2009/12/09 85675 دلار
ببر نیکسون معمار سیستم ادینبورگ 61 2011/04/25 320800 دلار
بردلی گریر مهندس نرم افزار لندن 41 2012/10/13 132000 دلار
برندن واگنر مهندس نرم افزار سانفرانسیسکو 28 2011/06/07 206850 دلار
برونو نش مهندس نرم افزار لندن 38 2011/05/03 163500 دلار
بریل ویلیامسون کارشناس ادغام نیویورک 61 2012/12/02 372000 دلار
تاتیانا فیتزپاتریک مدیر منطقه لندن 19 2010/03/17 385750 دلار
تیموتی مونی مدیر دفتر لندن 37 2008/12/11 136200 دلار
ثور والتون توسعه دهنده نیویورک 61 2013/08/11 98540 دلار
جنا گینز مدیر دفتر لندن 30 2008/12/19 90560 دلار
جنت کالدول رهبر توسعه نیویورک 30 2011/09/03 345000 دلار
جنیفر آکوستا برنامه نویس جوان جاوا اسکریپت ادینبورگ 43 2013/02/01 75650 دلار
جنیفر چانگ مدیر منطقه سنگاپور 28 2010/11/14 357650 دلار
جوناس الکساندر توسعه دهنده سانفرانسیسکو 30 2010/07/14 86500 دلار
جکسون برادشاو کارگردان نیویورک 65 2008/09/26 645750 دلار
دای ریوس رهبری پرسنل ادینبورگ 35 2012/09/26 217500 دلار
دوریس وایلدر دستیار فروش سیدنی 23 2010/09/20 85600 دلار
دونا اسنایدر پشتیبانی مشتری نیویورک 27 2011/01/25 112000 دلار
رونا دیویدسون کارشناس ادغام توکیو 55 2010/10/14 327900 دلار
زنایدا فرانک مهندس نرم افزار نیویورک 63 2010/01/04 125250 دلار
زوریتا سرانو مهندس نرم افزار سانفرانسیسکو 56 2012/06/01 115000 دلار
ساکورا یاماموتو مهندس پشتیبانی توکیو 37 2009/08/19 139575 دلار
سدریک کلی برنامه نویس ارشد جاوا اسکریپت ادینبورگ 22 29/03/2012 433060 دلار
سرژ بالدوین هماهنگ کننده داده ها سنگاپور 64 2012/04/09 138575 دلار
سزار ونس پشتیبانی قبل از فروش نیویورک 21 2011/12/12 106,450 دلار
سونیا فراست مهندس نرم افزار ادینبورگ 23 2008/12/13 103600 دلار
سوکی بورکز توسعه دهنده لندن 53 2009/10/22 114500 دلار
شاد دکر مدیر منطقه ادینبورگ 51 2008/11/13 183000 دلار
شارد مارشال مدیر منطقه سانفرانسیسکو 36 2008/10/16 470600 دلار
شو ایتو بازاریابی منطقه ای توکیو 20 2011/08/14 163000 دلار
فین کاماچو مهندس پشتیبانی سانفرانسیسکو 47 2009/07/07 87500 دلار
فیونا گرین مدیر ارشد عملیات (COO) سانفرانسیسکو 48 2010/03/11 850000 دلار
لائل گریر مدیر سیستم ها لندن 21 2009/02/27 103500 دلار
مارتنا مک کری پشتیبانی پس از فروش ادینبورگ 46 2011/03/09 324050 دلار
مایکل بروس برنامه نویس جاوا اسکریپت سنگاپور 29 2011/06/27 183000 دلار
مایکل سیلوا طراح بازاریابی لندن 66 2012/11/27 198500 دلار
میشل هاوس کارشناس ادغام سیدنی 37 2011/06/02 95400 دلار
هرمیون باتلر مدیر منطقه لندن 47 2011/03/21 356250 دلار
هرود چندلر دستیار فروش سانفرانسیسکو 59 2012/08/06 137500 دلار
هوارد هتفیلد مدیر دفتر سانفرانسیسکو 51 2008/12/16 164500 دلار
هیلی کندی طراح ارشد بازاریابی لندن 43 2012/12/18 313500 دلار
ویویان هارل کنترل کننده مالی سانفرانسیسکو 62 2009/02/14 452500 دلار
پرسکات بارتلت نویسنده فنی لندن 27 2011/05/07 145000 دلار
پل برد مدیر ارشد مالی (CFO) نیویورک 64 2010/06/09 725000 دلار
کارا استیونز دستیار فروش نیویورک 46 2011/12/06 145600 دلار
کالین هرست برنامه نویس جاوا اسکریپت سانفرانسیسکو 39 2009/09/15 205500 دلار
کوین فلین سرب پشتیبانی ادینبورگ 22 2013/03/03 342000 دلار
گاوین جویس توسعه دهنده ادینبورگ 42 2010/12/22 92575 دلار
گاوین کورتز سرگروه سانفرانسیسکو 22 2008/10/26 235500 دلار
گرت وینترز حسابدار توکیو 63 2011/07/25 170750 دلار
گلوریا لیتل مدیر سیستم ها نیویورک 59 2009/04/10 237500 دلار
یوری بری مدیر ارشد بازاریابی (CMO) نیویورک 40 2009/06/25 675000 دلار
نامموقعیتدفترسنتاریخ شروعحقوق
Showing 1 to 57 of 57 entries

اسکرول - افقی

Scroll - افقی DataTables این قابلیت را دارد که جداول را با پیمایش افقی نشان دهد، که برای زمانی که یک جدول گسترده دارید، اما می خواهید آن را به یک منطقه نمایش افقی محدود محدود کنید، بسیار مفید است.

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

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

زبان - رقم اعشار کاما

یک نقطه (.) برای علامت گذاری رقم اعشار در جاوا اسکریپت استفاده می شود، با این حال، بسیاری از نقاط جهان از کاما (،) و سایر کاراکترها مانند جداکننده اعشاری یونیکد (⎖) یا خط تیره (-) اغلب برای استفاده استفاده می شود.

نامموقعیتدفترسنتاریخ شروعحقوق
آنجلیکا راموس مدیر عامل (مدیر عامل) لندن 47 2009/10/09 1,200,000 دلار
آیری ساتو حسابدار توکیو 33 2008/11/28 162700 دلار
اشتون کاکس نویسنده فنی جوان سانفرانسیسکو 66 2009/01/12 86000 دلار
امید فوئنتس دبیر، منشی سانفرانسیسکو 41 2010/02/12 109,850 دلار
اولیویا لیانگ مهندس پشتیبانی سنگاپور 64 2011/02/03 234500 دلار
باتلر یونیتی طراح بازاریابی سانفرانسیسکو 47 2009/12/09 85675 دلار
ببر نیکسون معمار سیستم ادینبورگ 61 2011/04/25 320800 دلار
بردلی گریر مهندس نرم افزار لندن 41 2012/10/13 132000 دلار
برندن واگنر مهندس نرم افزار سانفرانسیسکو 28 2011/06/07 206850 دلار
برونو نش مهندس نرم افزار لندن 38 2011/05/03 163500 دلار
نامموقعیتدفترسنتاریخ شروعحقوق
Showing 1 to 10 of 57 entries
گزینه های رنگ نوار نوار

گزینه های طرح بندی

پس زمینه منوی نوار کناری


تصویر پس زمینه نوار کناری
background image
background image
background image
background image

Layout Builder را امتحان کنید