API

Add Rows
New rows can be added to a DataTable using the row.add() API method. Simply call the API function with the data for the new row
Column 1Column 2Column 3Column 4Column 5
Column 1Column 2Column 3Column 4Column 5
Individual Column Searching (Text Inputs)
The searching functionality provided by DataTables is useful for quickly search through the information in the table - however the search is global, and you may wish to present controls that search on specific columns.
Individual Column Searching (Select Inputs)
This example is almost identical to text based individual column example and provides the same functionality, but in this case using select input controls.
Row Selection (Multiple Rows)
It can be useful to provide the user with the option to select rows in a DataTable. This can be done by using a click event to add / remove a class on the table rows.
نامموقعیتدفترکارسنتاریخ شروعحقوق
Tiger Nixonمعمار سیستماصفهان612015/04/25$320,800
سامان مهریحسابداریزد632015/07/25$170,750
فرهاد مجیدینویسنده فنی جوانکرج662016/01/12$86,000
علی کریمیتوسعه دهنده ارشد جاوا اسکریپتاصفهان222017/03/29$433,060
اشکان کیانیحسابداریزد332019/11/28$162,700
افشین مولویکارشناس ادغامکرمان612017/12/02$372,000
سعید رجبیدستیار فروشکرج592017/08/06$137,500
محمد رجبیکارشناس ادغامیزد552018/10/14$327,900
ساسان عبدیتوسعه دهنده جاوا اسکریپتکرج392016/09/15$205,500
فرهاد شمسمهندس نرم افزاراصفهان232019/12/13$103,600
شیرین منصوریمدیر دفتررشت302019/12/19$90,560
اشکان کیانیلیدر پشتیبانیاصفهان222020/03/03$342,000
علی نباتیمدیر منطقهکرج362019/10/16$470,600
سوسن نجمطراح ارشد بازاریابیرشت432017/12/18$313,500
غلام رضاییمدیر منطقهرشت192018/03/17$385,750
ساسان سیفیطراح بازاریابیرشت662017/11/27$198,500
Paul ByrdChief Financial Officer (CFO)کرمان642018/06/09$725,000
Gloria Littleمدیر سیستم هاکرمان592016/04/10$237,500
مونا عبدیمهندس نرم افزاررشت412017/10/13$132,000
Dai RiosPersonnel Leadاصفهان352017/09/26$217,500
امید خدابخشیرهبر توسعهکرمان302015/09/03$345,000
Yuri MantisChief Marketing Officer (CMO)کرمان402016/06/25$675,000
منوچهر شعبانیپشتیبانی قبل از فروشکرمان212015/12/12$106,450
Doris Wilderدستیار فروشSidney232018/09/20$85,600
شیرین مولاییمدیر عامل (مدیر عامل)رشت472016/10/09$1,200,000
Gavin Joyceتوسعه دهندهاصفهان422018/12/22$92,575
Jennifer Changمدیر منطقهSingapore282018/11/14$357,650
کریم کیانیمهندس نرم افزارکرج282015/06/07$206,850
کامران نعمتیمدیر ارشد عملیات (COO)کرج482018/03/11$850,000
Shou ItouRegional Marketingیزد202015/08/14$163,000
نامموقعیتدفترکارسنتاریخ شروعحقوق
Row Selection And Deletion (Single Row)
This example modifies the multiple row selection example by only allowing the selection of a single row. This is done by checking to see if the row already has a selected class, and if so removing it.
نامموقعیتدفترکارسنتاریخ شروعحقوق
Tiger Nixonمعمار سیستماصفهان612015/04/25$320,800
سامان مهریحسابداریزد632015/07/25$170,750
فرهاد مجیدینویسنده فنی جوانکرج662016/01/12$86,000
علی کریمیتوسعه دهنده ارشد جاوا اسکریپتاصفهان222017/03/29$433,060
اشکان کیانیحسابداریزد332019/11/28$162,700
افشین مولویکارشناس ادغامکرمان612017/12/02$372,000
سعید رجبیدستیار فروشکرج592017/08/06$137,500
محمد رجبیکارشناس ادغامیزد552018/10/14$327,900
ساسان عبدیتوسعه دهنده جاوا اسکریپتکرج392016/09/15$205,500
فرهاد شمسمهندس نرم افزاراصفهان232019/12/13$103,600
شیرین منصوریمدیر دفتررشت302019/12/19$90,560
اشکان کیانیلیدر پشتیبانیاصفهان222020/03/03$342,000
علی نباتیمدیر منطقهکرج362019/10/16$470,600
سوسن نجمطراح ارشد بازاریابیرشت432017/12/18$313,500
غلام رضاییمدیر منطقهرشت192018/03/17$385,750
ساسان سیفیطراح بازاریابیرشت662017/11/27$198,500
Paul ByrdChief Financial Officer (CFO)کرمان642018/06/09$725,000
Gloria Littleمدیر سیستم هاکرمان592016/04/10$237,500
مونا عبدیمهندس نرم افزاررشت412017/10/13$132,000
Dai RiosPersonnel Leadاصفهان352017/09/26$217,500
امید خدابخشیرهبر توسعهکرمان302015/09/03$345,000
Yuri MantisChief Marketing Officer (CMO)کرمان402016/06/25$675,000
منوچهر شعبانیپشتیبانی قبل از فروشکرمان212015/12/12$106,450
Doris Wilderدستیار فروشSidney232018/09/20$85,600
شیرین مولاییمدیر عامل (مدیر عامل)رشت472016/10/09$1,200,000
Gavin Joyceتوسعه دهندهاصفهان422018/12/22$92,575
Jennifer Changمدیر منطقهSingapore282018/11/14$357,650
کریم کیانیمهندس نرم افزارکرج282015/06/07$206,850
کامران نعمتیمدیر ارشد عملیات (COO)کرج482018/03/11$850,000
Shou ItouRegional Marketingیزد202015/08/14$163,000
نامموقعیتدفترکارسنتاریخ شروعحقوق
Form Inputs
In order to perform paging, ordering, searching etc, DataTables can remove rows and cells from the document (i.e. those rows / cells which are not needed are not inserted into the document).
نامسنموقعیتدفترکار
Tiger Nixon
سامان مهری
فرهاد مجیدی
علی کریمی
اشکان کیانی
افشین مولوی
سعید رجبی
محمد رجبی
ساسان عبدی
فرهاد شمس
شیرین منصوری
اشکان کیانی
علی نباتی
سوسن نجم
غلام رضایی
ساسان سیفی
Paul Byrd
Gloria Little
مونا عبدی
Dai Rios
امید خدابخشی
Yuri Mantis
منوچهر شعبانی
Doris Wilder
شیرین مولایی
Gavin Joyce
نامسنموقعیتدفترکار
Show / Hide Columns Dynamically
This example shows how you can make use of the column().visible() API method to dynamically show and hide columns in a table. Also included here is scrolling, just to show it enabled with this API method, although it's not required for the API function to work.
نامموقعیتدفترکارسنتاریخ شروعحقوق
Tiger Nixonمعمار سیستماصفهان612015/04/25$320,800
سامان مهریحسابداریزد632015/07/25$170,750
فرهاد مجیدینویسنده فنی جوانکرج662016/01/12$86,000
علی کریمیتوسعه دهنده ارشد جاوا اسکریپتاصفهان222017/03/29$433,060
اشکان کیانیحسابداریزد332019/11/28$162,700
افشین مولویکارشناس ادغامکرمان612017/12/02$372,000
سعید رجبیدستیار فروشکرج592017/08/06$137,500
محمد رجبیکارشناس ادغامیزد552018/10/14$327,900
ساسان عبدیتوسعه دهنده جاوا اسکریپتکرج392016/09/15$205,500
فرهاد شمسمهندس نرم افزاراصفهان232019/12/13$103,600
شیرین منصوریمدیر دفتررشت302019/12/19$90,560
اشکان کیانیلیدر پشتیبانیاصفهان222020/03/03$342,000
علی نباتیمدیر منطقهکرج362019/10/16$470,600
سوسن نجمطراح ارشد بازاریابیرشت432017/12/18$313,500
غلام رضاییمدیر منطقهرشت192018/03/17$385,750
ساسان سیفیطراح بازاریابیرشت662017/11/27$198,500
Paul ByrdChief Financial Officer (CFO)کرمان642018/06/09$725,000
Gloria Littleمدیر سیستم هاکرمان592016/04/10$237,500
مونا عبدیمهندس نرم افزاررشت412017/10/13$132,000
Dai RiosPersonnel Leadاصفهان352017/09/26$217,500
امید خدابخشیرهبر توسعهکرمان302015/09/03$345,000
Yuri MantisChief Marketing Officer (CMO)کرمان402016/06/25$675,000
منوچهر شعبانیپشتیبانی قبل از فروشکرمان212015/12/12$106,450
Doris Wilderدستیار فروشSidney232018/09/20$85,600
شیرین مولاییمدیر عامل (مدیر عامل)رشت472016/10/09$1,200,000
Gavin Joyceتوسعه دهندهاصفهان422018/12/22$92,575
Jennifer Changمدیر منطقهSingapore282018/11/14$357,650
کریم کیانیمهندس نرم افزارکرج282015/06/07$206,850
کامران نعمتیمدیر ارشد عملیات (COO)کرج482018/03/11$850,000
Shou ItouRegional Marketingیزد202015/08/14$163,000
نامموقعیتدفترکارسنتاریخ شروعحقوق
Search API (Regular Expressions)
Searching a table is one of the most common user interactions with a DataTables table, and DataTables provides a number of methods for you to control this interaction.
هدفSearch textTreat as regexUse smart search
Global search
Column - Name
Column - Position
Column - Office
Column - Age
Column - Start date
Column - Salary
نامموقعیتدفترکارسنتاریخ شروعحقوق
Tiger Nixonمعمار سیستماصفهان612015/04/25$320,800
سامان مهریحسابداریزد632015/07/25$170,750
فرهاد مجیدینویسنده فنی جوانکرج662016/01/12$86,000
علی کریمیتوسعه دهنده ارشد جاوا اسکریپتاصفهان222017/03/29$433,060
اشکان کیانیحسابداریزد332019/11/28$162,700
افشین مولویکارشناس ادغامکرمان612017/12/02$372,000
سعید رجبیدستیار فروشکرج592017/08/06$137,500
محمد رجبیکارشناس ادغامیزد552018/10/14$327,900
ساسان عبدیتوسعه دهنده جاوا اسکریپتکرج392016/09/15$205,500
فرهاد شمسمهندس نرم افزاراصفهان232019/12/13$103,600
شیرین منصوریمدیر دفتررشت302019/12/19$90,560
اشکان کیانیلیدر پشتیبانیاصفهان222020/03/03$342,000
علی نباتیمدیر منطقهکرج362019/10/16$470,600
سوسن نجمطراح ارشد بازاریابیرشت432017/12/18$313,500
غلام رضاییمدیر منطقهرشت192018/03/17$385,750
ساسان سیفیطراح بازاریابیرشت662017/11/27$198,500
Paul ByrdChief Financial Officer (CFO)کرمان642018/06/09$725,000
Gloria Littleمدیر سیستم هاکرمان592016/04/10$237,500
مونا عبدیمهندس نرم افزاررشت412017/10/13$132,000
Dai RiosPersonnel Leadاصفهان352017/09/26$217,500
امید خدابخشیرهبر توسعهکرمان302015/09/03$345,000
Yuri MantisChief Marketing Officer (CMO)کرمان402016/06/25$675,000
منوچهر شعبانیپشتیبانی قبل از فروشکرمان212015/12/12$106,450
Doris Wilderدستیار فروشSidney232018/09/20$85,600
شیرین مولاییمدیر عامل (مدیر عامل)رشت472016/10/09$1,200,000
Gavin Joyceتوسعه دهندهاصفهان422018/12/22$92,575
Jennifer Changمدیر منطقهSingapore282018/11/14$357,650
کریم کیانیمهندس نرم افزارکرج282015/06/07$206,850
کامران نعمتیمدیر ارشد عملیات (COO)کرج482018/03/11$850,000
Shou ItouRegional Marketingیزد202015/08/14$163,000
نامموقعیتدفترکارسنتاریخ شروعحقوق
تنظیمات
  • حالت تم

    حالت روشن یا تاریک یا خودکار را انتخاب کنید

  • تم نوار کناری

    تم نوار کناری را انتخاب کنید

  • رنگ تاکیدی

    رنگ تم اصلی خود را انتخاب کنید

  • عنوان نوار کناری

    عنوان نوار کناری پنهان/نمایش

  • طرح تم

    LTR/RTL

  • عرض طرح

    طرح بندی کامل یا کانتینری را انتخاب کنید