DataTable Styling

Base Style
The DataTables default style file has a number of features which can be enabled based on the class name of the table
نامموقعیتدفترکارسنتاریخ شروعحقوق
Tiger Nixonمعمار سیستماصفهان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
امید خدابخشیرهبر توسعهکرمان302011/09/03$345,000
Yuri MantisChief Marketing Officer (CMO)کرمان402009/06/25$675,000
منوچهر شعبانیپشتیبانی قبل از فروشکرمان212011/12/12$106,450
Doris Wilderدستیار فروشSidney232010/09/20$85,600
شیرین مولاییمدیر عامل (مدیر عامل)رشت472009/10/09$1,200,000
Gavin Joyceتوسعه دهندهاصفهان422010/12/22$92,575
Jennifer Changمدیر منطقهSingapore282010/11/14$357,650
کریم کیانیمهندس نرم افزارکرج282011/06/07$206,850
کامران نعمتیمدیر ارشد عملیات (COO)کرج482010/03/11$850,000
Shou ItouRegional Marketingیزد202011/08/14$163,000
نامموقعیتدفترکارسنتاریخ شروعحقوق
No Styling Classes
This example shows the base DataTables style file being used, with none of the additional feature style classes being used.
نامموقعیتدفترکارسنتاریخ شروعحقوق
Tiger Nixonمعمار سیستماصفهان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
امید خدابخشیرهبر توسعهکرمان302011/09/03$345,000
Yuri MantisChief Marketing Officer (CMO)کرمان402009/06/25$675,000
منوچهر شعبانیپشتیبانی قبل از فروشکرمان212011/12/12$106,450
Doris Wilderدستیار فروشSidney232010/09/20$85,600
شیرین مولاییمدیر عامل (مدیر عامل)رشت472009/10/09$1,200,000
Gavin Joyceتوسعه دهندهاصفهان422010/12/22$92,575
Jennifer Changمدیر منطقهSingapore282010/11/14$357,650
کریم کیانیمهندس نرم افزارکرج282011/06/07$206,850
کامران نعمتیمدیر ارشد عملیات (COO)کرج482010/03/11$850,000
Shou ItouRegional Marketingیزد202011/08/14$163,000
نامموقعیتدفترکارسنتاریخ شروعحقوق
Base Style - Compact
The compact class reduces the amount of white-space in the default styling, increasing the information density on screen, as shown below.
نامموقعیتدفترکارسنتاریخ شروعحقوق
Tiger Nixonمعمار سیستماصفهان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
امید خدابخشیرهبر توسعهکرمان302011/09/03$345,000
Yuri MantisChief Marketing Officer (CMO)کرمان402009/06/25$675,000
منوچهر شعبانیپشتیبانی قبل از فروشکرمان212011/12/12$106,450
Doris Wilderدستیار فروشSidney232010/09/20$85,600
شیرین مولاییمدیر عامل (مدیر عامل)رشت472009/10/09$1,200,000
Gavin Joyceتوسعه دهندهاصفهان422010/12/22$92,575
Jennifer Changمدیر منطقهSingapore282010/11/14$357,650
کریم کیانیمهندس نرم افزارکرج282011/06/07$206,850
کامران نعمتیمدیر ارشد عملیات (COO)کرج482010/03/11$850,000
Shou ItouRegional Marketingیزد202011/08/14$163,000
نامموقعیتدفترکارسنتاریخ شروعحقوق
Base Style - Hover
This example shows DataTables with just the hover class specified. This class instructs DataTables' styling to highlight a row when the mouse is hovered over it.
نامموقعیتدفترکارسنتاریخ شروعحقوق
Tiger Nixonمعمار سیستماصفهان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
امید خدابخشیرهبر توسعهکرمان302011/09/03$345,000
Yuri MantisChief Marketing Officer (CMO)کرمان402009/06/25$675,000
منوچهر شعبانیپشتیبانی قبل از فروشکرمان212011/12/12$106,450
Doris Wilderدستیار فروشSidney232010/09/20$85,600
شیرین مولاییمدیر عامل (مدیر عامل)رشت472009/10/09$1,200,000
Gavin Joyceتوسعه دهندهاصفهان422010/12/22$92,575
Jennifer Changمدیر منطقهSingapore282010/11/14$357,650
کریم کیانیمهندس نرم افزارکرج282011/06/07$206,850
کامران نعمتیمدیر ارشد عملیات (COO)کرج482010/03/11$850,000
Shou ItouRegional Marketingیزد202011/08/14$163,000
نامموقعیتدفترکارسنتاریخ شروعحقوق
تنظیمات
  • حالت تم

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

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

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

  • رنگ تاکیدی

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

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

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

  • طرح تم

    LTR/RTL

  • عرض طرح

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