Data Table
Datatable پیشفرض
DataTables اکثر ویژگیهایش را به طور پیشفرض فعال کرده است، بنابراین تنها
کاری که باید برای استفاده از آن با جداول خودتان انجام دهید، فراخوانی تابع
ساخت است:
$().DataTable();
.
| نام | موقعیت | Office | Age | Start date | حقوق | اقدامات |
|---|---|---|---|---|---|---|
| Tiger Nixon | System Architect | Edinburgh | 61 | $3674.55 | $320,800 | |
| Garrett Winters | Accountant | Tokyo | 63 | 2011-07-25 | $170,750 | |
| Ashton Cox | Junior Technical Author | San Francisco | 66 | 2009-01-12 | $86,000 | |
| Cedric Kelly | Senior Javascript Developer | Edinburgh | 22 | 2012-03-29 | $433,060 | |
| Airi Satou | Accountant | Tokyo | 33 | 2008-11-28 | $162,700 | |
| Brielle Williamson | Integration Specialist | New York | 61 | 2012-12-02 | $372,000 | |
| Herrod Chandler | Sales Assistant | San Francisco | 59 | 2012-08-06 | $137,500 | |
| Rhona Davidson | Integration Specialist | Tokyo | 55 | 2010-10-14 | $327,900 | |
| Colleen Hurst | Javascript Developer | San Francisco | 39 | 2009-09-15 | $205,500 | |
| Sonya Frost | Software Engineer | Edinburgh | 23 | 2008-12-13 | $103,600 | |
| جنا گینز | Office Manager | London | 30 | 2008-12-19 | $90,560 | |
| کوین فلین | Support Lead | Edinburgh | 22 | 2013-03-03 | $342,000 | |
| Charde Marshall | Regional Director | San Francisco | 36 | 2008-10-16 | $470,600 | |
| Haley Kennedy | Senior Marketing Designer | London | 43 | 2012-12-18 | $313,500 | |
| تاتیانا فیتزپاتریک | Regional Director | London | 19 | 2010-03-17 | $385,750 | |
| مایکل سیلوا | Marketing Designer | London | 66 | 2012-11-27 | $198,500 | |
| Paul Byrd | Chief Financial Officer (CFO) | New York | 64 | 2010-06-09 | $725,000 | |
| گلوریا لیتل | Systems Administrator | New York | 59 | 2009-04-10 | $237,500 | |
| Bradley Greer | Software Engineer | London | 41 | 2012-10-13 | $132,000 | |
| Dai Rios | Personnel Lead | Edinburgh | 35 | 2012-09-26 | $217,500 | |
| جنت کالدول | Personnel Lead | New York | 30 | 2011-09-03 | $345,000 | |
| یوری بری | Development Lead | New York | 40 | 2009-06-25 | $675,000 | |
| Caesar Vance | Pre-Sales Support | New York | 21 | 2011-12-12 | $106,450 | |
| Doris Wilder | Sales Assistant | Sydney | 23 | 2010-09-20 | $85,600 | |
| Angelica Ramos | Chief Executive Officer (CEO) | London | 47 | 2009-10-09 | $1,200,000 | |
| گوین جویس | توسعهدهنده | Edinburgh | 42 | 2010-12-22 | $92,575 | |
| جنیفر چانگ | Regional Director | Singapore | 28 | 2010-11-14 | $357,650 | |
| Brenden Wagner | Software Engineer | San Francisco | 28 | 2011-06-07 | $206,850 |
مثال حاشیه ردیف از پایین
DataTables اکثر ویژگیها را به طور پیشفرض فعال دارد، بنابراین تنها کاری که
باید برای استفاده از آن با قابلیتهای خودتان انجام دهید، فراخوانی تابع ساخت
است:
$().DataTable();
و حاشیه پایین
| نام | موقعیت | Office | Age | Start date | حقوق |
|---|---|---|---|---|---|
Tiger Nixon |
System Architect | Edinburgh | 61 | $3674.55 | $320,800 |
Garrett Winters |
Accountant | Tokyo | 63 | 2011-07-25 | $170,750 |
Ashton Cox |
Junior Technical Author | San Francisco | 66 | 2009-01-12 | $86,000 |
Cedric Kelly |
Senior Javascript Developer | Edinburgh | 22 | 2012-03-29 | $433,060 |
Airi Satou |
Accountant | Tokyo | 33 | 2008-11-28 | $162,700 |
Brielle Williamson |
Integration Specialist | New York | 61 | 2012-12-02 | $372,000 |
Herrod Chandler |
Sales Assistant | San Francisco | 59 | 2012-08-06 | $137,500 |
Rhona Davidson |
Integration Specialist | Tokyo | 55 | 2010-10-14 | $327,900 |
Colleen Hurst |
Javascript Developer | San Francisco | 39 | 2009-09-15 | $205,500 |
Sonya Frost |
Software Engineer | Edinburgh | 23 | 2008-12-13 | $103,600 |
جنا گینز |
Office Manager | London | 30 | 2008-12-19 | $90,560 |
کوین فلین |
Support Lead | Edinburgh | 22 | 2013-03-03 | $342,000 |
Charde Marshall |
Regional Director | San Francisco | 36 | 2008-10-16 | $470,600 |
|
HK
Haley Kennedy |
Senior Marketing Designer | London | 43 | 2012-12-18 | $313,500 |
تاتیانا فیتزپاتریک |
Regional Director | London | 19 | 2010-03-17 | $385,750 |
مایکل سیلوا |
Marketing Designer | London | 66 | 2012-11-27 | $198,500 |
|
Paul Byrd |
Chief Financial Officer (CFO) | New York | 64 | 2010-06-09 | $725,000 |
گلوریا لیتل |
Systems Administrator | New York | 59 | 2009-04-10 | $237,500 |
|
BG
Bradley Greer |
Software Engineer | London | 41 | 2012-10-13 | $132,000 |
Dai Rios |
Personnel Lead | Edinburgh | 35 | 2012-09-26 | $217,500 |
جنت کالدول |
Development Lead | New York | 30 | 2011-09-03 | $345,000 |
|
یوری بری |
Chief Marketing Officer (CMO) | New York | 40 | 2009-06-25 | $675,000 |
Caesar Vance |
Pre-Sales Support | New York | 21 | 2011-12-12 | $106,450 |
|
Doris Wilder |
Sales Assistant | Sydney | 23 | 2010-09-20 | $85,600 |
|
AR
Angelica Ramos |
Chief Executive Officer (CEO) | London | 47 | 2009-10-09 | $1,200,000 |
گوین جویس |
توسعهدهنده | Edinburgh | 42 | 2010-12-22 | $92,575 |
|
جنیفر چانگ |
Regional Director | Singapore | 28 | 2010-11-14 | $357,650 |
Brenden Wagner |
Software Engineer | San Francisco | 28 | 2011-06-07 | $206,850 |
Fiona Green |
Chief Operating Officer (COO) | San Francisco | 48 | 2010-03-11 | $850,000 |
|
Shou Itou |
Regional Marketing | Tokyo | 20 | 2011-08-14 | $163,000 |
میشل هاوس |
Integration Specialist | Sydney | 37 | 2011-06-02 | $95,400 |
مثال دکمهها
افزونهی Buttons برای DataTables مجموعهای از گزینهها، متدهای API و استایلبندیهای رایج را برای نمایش دکمهها در صفحهای که با DataTable تعامل دارند، ارائه میدهد. کتابخانهی اصلی، چارچوبی مبتنی بر آن را فراهم میکند که افزونهها میتوانند بر اساس آن ساخته شوند.
| Currency Code | Currency | قیمت | بالا | Low | Change |
|---|---|---|---|---|---|
| EUR | Euro | $62341.87 | $7689.67 | $4843.55 |
25.8% |
| JPY | Japanese Yen | $9875.87 | $4689.67 | $3674.55 |
64.8% |
| GBP | Pound | $8740.87 | $8561.67 | $6324.55 |
24.0% |
| CHF | Swiss | $5896.87 | $3902.67 | $4674.55 |
15.3% |
| CAD | Canadian Doallar | $4789.87 | $2982.67 | $254.55 |
0.05% |
| AUD | Australian Doallar | $5672.87 | $7512.67 | $6314.55 |
0.20% |
| NZD | New Zealand Doallar | $5672.87 | $7512.67 | $3531.55 |
0.36% |
| SEK | Swedish Krona | $8652.87 | $8062.67 | $2421.55 |
0.16% |
| NOK | Norwegian Krona | $5652.87 | $5062.67 | $3424.55 |
0.8% |
| BRL | Brazilian Real | $4652.87 | $54762.67 | $4634.55 |
0.09% |
| CNY | Chinese Yuan | $6572.87 | $5592.67 | $4374.55 |
0.04% |
| RUB | Russian Rouble | $4893.87 | $2892.67 | $2774.55 |
0.59% |
| INR | Indian Rupee | $8343.87 | $8976.67 | $6844.55 |
0.28% |
| TRY | New Turkish Liran | $7356.87 | $2563.67 | $4685.55 |
0.23% |
| THB | Thai Baht | $3836.87 | $2563.67 | $2352.55 |
0.25% |
| IDR | indonesian Ringgit | $2482.87 | $2563.67 | $2032.55 |
0.13% |
| MYR | Malaysian Ringgit | $3932.87 | $4632.67 | $3722.55 |
0.18% |
| MXN | Mexican New Peso | $3932.87 | $4632.67 | $2312.55 |
0.18% |
| ARS | Argentiniam Peso | $2792.21 | $2724.13 | $2074.55 |
0.12% |
| DKK | Danish Krone | $6544.75 | $5466.78 | $3252.55 |
0.54% |
مثال Callback ردیف ایجاد شده
افزونهی Buttons برای DataTables مجموعهای از گزینهها، متدهای API و استایلبندیهای رایج را برای نمایش دکمهها در صفحهای که با DataTable تعامل دارند، ارائه میدهد. کتابخانهی اصلی، چارچوبی مبتنی بر آن را فراهم میکند که میتوان افزونهها را بر اساس آن ساخت.
| نام | موقعیت | Office | Age | Start date | حقوق |
|---|---|---|---|---|---|
| Tiger Nixon | System Architect | Edinburgh | 61 | $3674.55 | $320,800 |
| Garrett Winters | Accountant | Tokyo | 63 | 2011-07-25 | $170,750 |
| Ashton Cox | Junior Technical Author | San Francisco | 66 | 2009-01-12 | $86,000 |
| Cedric Kelly | Senior Javascript Developer | Edinburgh | 22 | 2012-03-29 | $433,060 |
| Airi Satou | Accountant | Tokyo | 33 | 2008-11-28 | $162,700 |
| Brielle Williamson | Integration Specialist | New York | 61 | 2012-12-02 | $372,000 |
| Herrod Chandler | Sales Assistant | San Francisco | 59 | 2012-08-06 | $137,500 |
| Rhona Davidson | Integration Specialist | Tokyo | 55 | 2010-10-14 | $327,900 |
| Colleen Hurst | Javascript Developer | San Francisco | 39 | 2009-09-15 | $205,500 |
| Sonya Frost | Software Engineer | Edinburgh | 23 | 2008-12-13 | $103,600 |
| جنا گینز | Office Manager | London | 30 | 2008-12-19 | $90,560 |
| کوین فلین | Support Lead | Edinburgh | 22 | 2013-03-03 | $342,000 |
| Charde Marshall | Regional Director | San Francisco | 36 | 2008-10-16 | $470,600 |
| Haley Kennedy | Senior Marketing Designer | London | 43 | 2012-12-18 | $313,500 |
| تاتیانا فیتزپاتریک | Regional Director | London | 19 | 2010-03-17 | $385,750 |
| مایکل سیلوا | Marketing Designer | London | 66 | 2012-11-27 | $198,500 |
| Paul Byrd | Chief Financial Officer (CFO) | New York | 64 | 2010-06-09 | $725,000 |
| گلوریا لیتل | Systems Administrator | New York | 59 | 2009-04-10 | $237,500 |
| Bradley Greer | Software Engineer | London | 41 | 2012-10-13 | $132,000 |
| Dai Rios | Personnel Lead | Edinburgh | 35 | 2012-09-26 | $217,500 |
| جنت کالدول | Development Lead | New York | 30 | 2011-09-03 | $345,000 |
| یوری بری | Chief Marketing Officer (CMO) | New York | 40 | 2009-06-25 | $675,000 |
| Caesar Vance | Pre-Sales Support | New York | 21 | 2011-12-12 | $106,450 |
| Doris Wilder | Sales Assistant | Sydney | 23 | 2010-09-20 | $85,600 |
| Angelica Ramos | Chief Executive Officer (CEO) | London | 47 | 2009-10-09 | $1,200,000 |
| گوین جویس | توسعهدهنده | Edinburgh | 42 | 2010-12-22 | $92,575 |
| جنیفر چانگ | Regional Director | Singapore | 28 | 2010-11-14 | $357,650 |
| Brenden Wagner | Software Engineer | San Francisco | 28 | 2011-06-07 | $206,850 |
| Fiona Green | Chief Operating Officer (COO) | San Francisco | 48 | 2010-03-11 | $850,000 |
| Shou Itou | Regional Marketing | Tokyo | 20 | 2011-08-14 | $163,000 |
| میشل هاوس | Integration Specialist | Sydney | 37 | 2011-06-02 | $95,400 |
مثال ردیفهای فرزند
API مربوط به DataTables تعدادی متد برای اتصال ردیفهای فرزند به ردیف والد در DataTable دارد. این متد میتواند برای نمایش اطلاعات اضافی در مورد یک ردیف استفاده شود، که برای مواردی که میخواهید اطلاعات بیشتری در مورد یک ردیف نسبت به فضای موجود در جدول میزبان ارائه دهید، مفید است.
| نام | موقعیت | Office | حقوق |
|---|