Advance Initialization

DOM/Jquery
Events assigned to the table can be exceptionally useful for user interaction, however you must be aware that DataTables will add and remove rows from the DOM.
نامموقعیتدفترکارسنتاریخ شروعحقوق
اشکان کیانیمعمار سیستماصفهان612011/04/25$320,800
سامان مهریحسابداریزد632011/07/25$170,750
فرهاد مجیدینویسنده فنی جوانکرج662009/01/12$86,000
علی کریمیتوسعه دهنده ارشد جاوا اسکریپتاصفهان222012/03/29$433,060
اشکان کیانیحسابداریزد332008/11/28$162,700
افشین مولویکارشناس ادغامکرمان612012/12/02$372,000
سعید رجبیدستیار فروشکرج592012/08/06$137,500
محمد رجبیکارشناس ادغامیزد552010/10/14$327,900
ساسان عبدیتوسعه دهنده جاوا اسکریپتکرج392009/09/15$205,500
فرهاد شمسمهندس نرم افزاراصفهان232008/12/13$103,600
شیرین منصوریمدیر دفتررشت302008/12/19$90,560
اشکان کیانیلیدر پشتیبانیاصفهان222013/03/03$342,000
علی نباتیمدیر منطقهکرج362008/10/16$470,600
سوسن نجمطراح ارشد بازاریابیرشت432012/12/18$313,500
غلام رضاییمدیر منطقهرشت192010/03/17$385,750
ساسان سیفیطراح بازاریابیرشت662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)کرمان642010/06/09$725,000
Gloria Littleمدیر سیستم هاکرمان592009/04/10$237,500
مونا عبدیمهندس نرم افزاررشت412012/10/13$132,000
Dai RiosPersonnel Leadاصفهان352012/09/26$217,500
نامموقعیتدفترکارسنتاریخ شروعحقوق
Column Rendering
This example shows the person's age combined with their name in the first column, hiding the age column.
نامموقعیتدفترکارسنتاریخ شروعحقوق
اشکان کیانیمعمار سیستماصفهان612011/04/25$320,800
سامان مهریحسابداریزد632011/07/25$170,750
فرهاد مجیدینویسنده فنی جوانکرج662009/01/12$86,000
علی کریمیتوسعه دهنده ارشد جاوا اسکریپتاصفهان222012/03/29$433,060
اشکان کیانیحسابداریزد332008/11/28$162,700
افشین مولویکارشناس ادغامکرمان612012/12/02$372,000
سعید رجبیدستیار فروشکرج592012/08/06$137,500
محمد رجبیکارشناس ادغامیزد552010/10/14$327,900
ساسان عبدیتوسعه دهنده جاوا اسکریپتکرج392009/09/15$205,500
فرهاد شمسمهندس نرم افزاراصفهان232008/12/13$103,600
شیرین منصوریمدیر دفتررشت302008/12/19$90,560
اشکان کیانیلیدر پشتیبانیاصفهان222013/03/03$342,000
علی نباتیمدیر منطقهکرج362008/10/16$470,600
سوسن نجمطراح ارشد بازاریابیرشت432012/12/18$313,500
غلام رضاییمدیر منطقهرشت192010/03/17$385,750
ساسان سیفیطراح بازاریابیرشت662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)کرمان642010/06/09$725,000
Gloria Littleمدیر سیستم هاکرمان592009/04/10$237,500
مونا عبدیمهندس نرم افزاررشت412012/10/13$132,000
Dai RiosPersonnel Leadاصفهان352012/09/26$217,500
نامموقعیتدفترکارسنتاریخ شروعحقوق
Multiple Table Control Elements
In addition to this, you can also use dom to create multiple instances of these table controls. Simply include the feature's identification letter where you want it to appear.
نامموقعیتدفترکارسنتاریخ شروعحقوق
اشکان کیانیمعمار سیستماصفهان612011/04/25$320,800
سامان مهریحسابداریزد632011/07/25$170,750
فرهاد مجیدینویسنده فنی جوانکرج662009/01/12$86,000
علی کریمیتوسعه دهنده ارشد جاوا اسکریپتاصفهان222012/03/29$433,060
اشکان کیانیحسابداریزد332008/11/28$162,700
افشین مولویکارشناس ادغامکرمان612012/12/02$372,000
سعید رجبیدستیار فروشکرج592012/08/06$137,500
محمد رجبیکارشناس ادغامیزد552010/10/14$327,900
ساسان عبدیتوسعه دهنده جاوا اسکریپتکرج392009/09/15$205,500
فرهاد شمسمهندس نرم افزاراصفهان232008/12/13$103,600
شیرین منصوریمدیر دفتررشت302008/12/19$90,560
اشکان کیانیلیدر پشتیبانیاصفهان222013/03/03$342,000
علی نباتیمدیر منطقهکرج362008/10/16$470,600
سوسن نجمطراح ارشد بازاریابیرشت432012/12/18$313,500
غلام رضاییمدیر منطقهرشت192010/03/17$385,750
ساسان سیفیطراح بازاریابیرشت662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)کرمان642010/06/09$725,000
Gloria Littleمدیر سیستم هاکرمان592009/04/10$237,500
مونا عبدیمهندس نرم افزاررشت412012/10/13$132,000
Dai RiosPersonnel Leadاصفهان352012/09/26$217,500
نامموقعیتدفترکارسنتاریخ شروعحقوق
Complex Headers With Column Visibility
Complex headers (using colspan / rowspan) can be used to group columns of similar information in DataTables, creating a very powerful visual effect.
نامHR InformationContact
موقعیتحقوقدفترکارExtn.E-mail
اشکان کیانیمعمار سیستماصفهان612011/04/25$320,800
سامان مهریحسابداریزد632011/07/25$170,750
فرهاد مجیدینویسنده فنی جوانکرج662009/01/12$86,000
علی کریمیتوسعه دهنده ارشد جاوا اسکریپتاصفهان222012/03/29$433,060
اشکان کیانیحسابداریزد332008/11/28$162,700
افشین مولویکارشناس ادغامکرمان612012/12/02$372,000
سعید رجبیدستیار فروشکرج592012/08/06$137,500
محمد رجبیکارشناس ادغامیزد552010/10/14$327,900
ساسان عبدیتوسعه دهنده جاوا اسکریپتکرج392009/09/15$205,500
فرهاد شمسمهندس نرم افزاراصفهان232008/12/13$103,600
شیرین منصوریمدیر دفتررشت302008/12/19$90,560
اشکان کیانیلیدر پشتیبانیاصفهان222013/03/03$342,000
علی نباتیمدیر منطقهکرج362008/10/16$470,600
سوسن نجمطراح ارشد بازاریابیرشت432012/12/18$313,500
غلام رضاییمدیر منطقهرشت192010/03/17$385,750
ساسان سیفیطراح بازاریابیرشت662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)کرمان642010/06/09$725,000
Gloria Littleمدیر سیستم هاکرمان592009/04/10$237,500
مونا عبدیمهندس نرم افزاررشت412012/10/13$132,000
Dai RiosPersonnel Leadاصفهان352012/09/26$217,500
نامموقعیتحقوقدفترکارExtn.E-mail
Language File
As well as being able to pass language information to DataTables through the language initialization option, you can also store the language information in a file
نامموقعیتدفترکارسنتاریخ شروعحقوق
اشکان کیانیمعمار سیستماصفهان612011/04/25$320,800
سامان مهریحسابداریزد632011/07/25$170,750
فرهاد مجیدینویسنده فنی جوانکرج662009/01/12$86,000
علی کریمیتوسعه دهنده ارشد جاوا اسکریپتاصفهان222012/03/29$433,060
اشکان کیانیحسابداریزد332008/11/28$162,700
افشین مولویکارشناس ادغامکرمان612012/12/02$372,000
سعید رجبیدستیار فروشکرج592012/08/06$137,500
محمد رجبیکارشناس ادغامیزد552010/10/14$327,900
ساسان عبدیتوسعه دهنده جاوا اسکریپتکرج392009/09/15$205,500
فرهاد شمسمهندس نرم افزاراصفهان232008/12/13$103,600
شیرین منصوریمدیر دفتررشت302008/12/19$90,560
اشکان کیانیلیدر پشتیبانیاصفهان222013/03/03$342,000
علی نباتیمدیر منطقهکرج362008/10/16$470,600
سوسن نجمطراح ارشد بازاریابیرشت432012/12/18$313,500
غلام رضاییمدیر منطقهرشت192010/03/17$385,750
ساسان سیفیطراح بازاریابیرشت662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)کرمان642010/06/09$725,000
Gloria Littleمدیر سیستم هاکرمان592009/04/10$237,500
مونا عبدیمهندس نرم افزاررشت412012/10/13$132,000
Dai RiosPersonnel Leadاصفهان352012/09/26$217,500
نامموقعیتدفترکارسنتاریخ شروعحقوق
Setting Defaults
When working with DataTables over multiple pages it is often useful to set the initialization defaults to common values
نامموقعیتدفترکارسنتاریخ شروعحقوق
اشکان کیانیمعمار سیستماصفهان612011/04/25$320,800
سامان مهریحسابداریزد632011/07/25$170,750
فرهاد مجیدینویسنده فنی جوانکرج662009/01/12$86,000
علی کریمیتوسعه دهنده ارشد جاوا اسکریپتاصفهان222012/03/29$433,060
اشکان کیانیحسابداریزد332008/11/28$162,700
افشین مولویکارشناس ادغامکرمان612012/12/02$372,000
سعید رجبیدستیار فروشکرج592012/08/06$137,500
محمد رجبیکارشناس ادغامیزد552010/10/14$327,900
ساسان عبدیتوسعه دهنده جاوا اسکریپتکرج392009/09/15$205,500
فرهاد شمسمهندس نرم افزاراصفهان232008/12/13$103,600
شیرین منصوریمدیر دفتررشت302008/12/19$90,560
اشکان کیانیلیدر پشتیبانیاصفهان222013/03/03$342,000
علی نباتیمدیر منطقهکرج362008/10/16$470,600
سوسن نجمطراح ارشد بازاریابیرشت432012/12/18$313,500
غلام رضاییمدیر منطقهرشت192010/03/17$385,750
ساسان سیفیطراح بازاریابیرشت662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)کرمان642010/06/09$725,000
Gloria Littleمدیر سیستم هاکرمان592009/04/10$237,500
مونا عبدیمهندس نرم افزاررشت412012/10/13$132,000
Dai RiosPersonnel Leadاصفهان352012/09/26$217,500
نامموقعیتدفترکارسنتاریخ شروعحقوق
Row Grouping
Although DataTables doesn't have row grouping built-in (picking one of the many methods available would overly limit the DataTables core), it is most certainly possible to give the look and feel of row grouping.
نامموقعیتدفترکارسنتاریخ شروعحقوق
اشکان کیانیمعمار سیستماصفهان612011/04/25$320,800
سامان مهریحسابداریزد632011/07/25$170,750
فرهاد مجیدینویسنده فنی جوانکرج662009/01/12$86,000
علی کریمیتوسعه دهنده ارشد جاوا اسکریپتاصفهان222012/03/29$433,060
اشکان کیانیحسابداریزد332008/11/28$162,700
افشین مولویکارشناس ادغامکرمان612012/12/02$372,000
سعید رجبیدستیار فروشکرج592012/08/06$137,500
محمد رجبیکارشناس ادغامیزد552010/10/14$327,900
ساسان عبدیتوسعه دهنده جاوا اسکریپتکرج392009/09/15$205,500
فرهاد شمسمهندس نرم افزاراصفهان232008/12/13$103,600
شیرین منصوریمدیر دفتررشت302008/12/19$90,560
اشکان کیانیلیدر پشتیبانیاصفهان222013/03/03$342,000
علی نباتیمدیر منطقهکرج362008/10/16$470,600
سوسن نجمطراح ارشد بازاریابیرشت432012/12/18$313,500
غلام رضاییمدیر منطقهرشت192010/03/17$385,750
ساسان سیفیطراح بازاریابیرشت662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)کرمان642010/06/09$725,000
Gloria Littleمدیر سیستم هاکرمان592009/04/10$237,500
مونا عبدیمهندس نرم افزاررشت412012/10/13$132,000
Dai RiosPersonnel Leadاصفهان352012/09/26$217,500
نامموقعیتدفترکارسنتاریخ شروعحقوق
Footer Callback
Through the use of the header and footer callback manipulation functions provided by DataTables (headerCallback and footerCallback), it is possible to perform some powerful and useful data manipulation functions.
Custom Toolbar Elements
DataTables inserts DOM elements around the table to control DataTables features, and you can make use of this mechanism as well to insert your own custom elements
نامنام خانوادگیدفترکارسنDOBحقوق
اشکان کیانیمعمار سیستماصفهان612011/04/25$320,800
سامان مهریحسابداریزد632011/07/25$170,750
فرهاد مجیدینویسنده فنی جوانکرج662009/01/12$86,000
علی کریمیتوسعه دهنده ارشد جاوا اسکریپتاصفهان222012/03/29$433,060
اشکان کیانیحسابداریزد332008/11/28$162,700
افشین مولویکارشناس ادغامکرمان612012/12/02$372,000
سعید رجبیدستیار فروشکرج592012/08/06$137,500
محمد رجبیکارشناس ادغامیزد552010/10/14$327,900
ساسان عبدیتوسعه دهنده جاوا اسکریپتکرج392009/09/15$205,500
فرهاد شمسمهندس نرم افزاراصفهان232008/12/13$103,600
شیرین منصوریمدیر دفتررشت302008/12/19$90,560
اشکان کیانیلیدر پشتیبانیاصفهان222013/03/03$342,000
علی نباتیمدیر منطقهکرج362008/10/16$470,600
سوسن نجمطراح ارشد بازاریابیرشت432012/12/18$313,500
غلام رضاییمدیر منطقهرشت192010/03/17$385,750
ساسان سیفیطراح بازاریابیرشت662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)کرمان642010/06/09$725,000
Gloria Littleمدیر سیستم هاکرمان592009/04/10$237,500
مونا عبدیمهندس نرم افزاررشت412012/10/13$132,000
Dai RiosPersonnel Leadاصفهان352012/09/26$217,500
Total:
Row Created Callback
The following example shows how a callback function can be used to format a particular row at draw time.
نامموقعیتدفترکارسنتاریخ شروعحقوق
اشکان کیانیمعمار سیستماصفهان612011/04/25$320,800
سامان مهریحسابداریزد632011/07/25$170,750
فرهاد مجیدینویسنده فنی جوانکرج662009/01/12$86,000
علی کریمیتوسعه دهنده ارشد جاوا اسکریپتاصفهان222012/03/29$433,060
اشکان کیانیحسابداریزد332008/11/28$162,700
افشین مولویکارشناس ادغامکرمان612012/12/02$372,000
سعید رجبیدستیار فروشکرج592012/08/06$137,500
محمد رجبیکارشناس ادغامیزد552010/10/14$327,900
ساسان عبدیتوسعه دهنده جاوا اسکریپتکرج392009/09/15$205,500
فرهاد شمسمهندس نرم افزاراصفهان232008/12/13$103,600
شیرین منصوریمدیر دفتررشت302008/12/19$90,560
اشکان کیانیلیدر پشتیبانیاصفهان222013/03/03$342,000
علی نباتیمدیر منطقهکرج362008/10/16$470,600
سوسن نجمطراح ارشد بازاریابیرشت432012/12/18$313,500
غلام رضاییمدیر منطقهرشت192010/03/17$385,750
ساسان سیفیطراح بازاریابیرشت662012/11/27$198,500
Paul ByrdChief Financial Officer (CFO)کرمان642010/06/09$725,000
Gloria Littleمدیر سیستم هاکرمان592009/04/10$237,500
مونا عبدیمهندس نرم افزاررشت412012/10/13$132,000
Dai RiosPersonnel Leadاصفهان352012/09/26$217,500
نامموقعیتدفترکارسنتاریخ شروعحقوق
تنظیمات
  • حالت تم

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

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

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

  • رنگ تاکیدی

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

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

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

  • طرح تم

    LTR/RTL

  • عرض طرح

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