افزونه های جدول توضیح هدر در این قسمت قرار دارد...

جدول داده ای

جدول داده ای یک افزونه برای کتابخانه جی کوئری جاوااسکریپت است. این ابزار بسیار انعطاف‌پذیر است که بر پایه‌های پیشرفت ساخته شده است و همه این ویژگی‌های پیشرفته را به هر جدول اچ تی ام ال اضافه می‌کند. لطفاً بخوانید مستندات رسمی برای لیست کامل گزینه ها بخوانید.

#نامسمتدفترسنتاریخ شروعحقوق
1.تینا محمدیمعمار سیستمتهران611395/04/25320,800
2.گلاره وحیدیحسابدارمشهد631395/07/25170,750
3.عاطفه نوریمدیر اجراییگیلان661396/01/1286,000
4.کیمیا اعلابرنامه نویستهران221399/03/29433,060
5.عاطفه محمدیحسابدارمشهد331394/11/28162,700
6.بیتا جممدیریت بودجهتهران611399/12/02372,000
7.همایون مهرآیینمسئول فروشگیلان591399/08/06137,500
8.رها داوودیمدیریت بودجهمشهد551397/10/14327,900
9.کارن نیروانابرنامه نویسگیلان391396/09/15205,500
10.سونیا صمدیمهندس نرم افزارتهران231394/12/13103,600
11.جواد صمدیمدیر دفتررشت301394/12/1990,560
12.کامران فروهرمدیر تیمتهران221392/03/03342,000
13.فرید سپهریمدیر اجراییگیلان361394/10/16470,600
14.هاله شیخمدیر تولید محتوارشت431399/12/18313,500
15.تانیا جممدیر اجراییرشت191397/03/17385,750
16.مهران سپهریطراحرشت661399/11/27198,500
17.پندار نیکمدیر اجرایی)تهران641397/06/09725,000
18.گلنوش مالکیمدیر سیستمتهران591396/04/10237,500
19.بهنام محمدیمهندس نرم افزاررشت411399/10/13132,000
20.داوود امیریمدیر دفترتهران351399/09/26217,500
21.صبا احمدیمدیر تولیدتهران301395/09/03345,000
22.یگانه سیمامدیر محصولتهران401396/06/25675,000
23.سیما سالاریمدیر فروشتهران211395/12/12106,450
24.دارا جممسئول فروشکرمان231397/09/2085,600
25.آناهیتا رومیمدیر اجراییرشت471396/10/091,200,000
26.گلاره احمدیتوسعه دهندهتهران421397/12/2292,575
27.مینا کریمیمدیر اجراییتبریز281397/11/14357,650
28.بهنام صمدیمهندس نرم افزارگیلان281395/06/07206,850
29.فرید احمدیمدیریت شرکت)گیلان481397/03/11850,000
30.شیما کریمیبازاریابیمشهد201395/08/14163,000
31.میلاد نورمدیریت بودجهکرمان371395/06/0295,400
32.سیما محمدیتوسعه دهندهرشت531396/10/22114,500
33.پدرام محمدینویسندهرشت271395/05/07145,000
34.گلاره کریمیمدیر تیمگیلان221394/10/26235,500
35.مانا کریمیپشتیبانی سایتتهران461395/03/09324,050
36.یارا شهیدیطراحگیلان471396/12/0985,675
37.سیما احمدیمدیر دفترگیلان511394/12/16164,500
38.سیما محمدیمنشیگیلان411397/02/12109,850
39.ویدا احدیمدیر مالیگیلان621396/02/14452,500
40.تینا منصوریمدیر دفتررشت371394/12/11136,200
41.جواد خواجویمدیرتهران651394/09/26645,750
42.الهه جممهندس ارشدتبریز641395/02/03234,500
43.بیتا احدیمهندس نرم افزاررشت381395/05/03163,500
44.صنم امیریمهندس ارشدمشهد371396/08/19139,575
45.مایا امیریتوسعه دهندهتهران611392/08/1198,540
46.فریده کالومهندس ارشدگیلان471396/07/0787,500
47.صنم امیریمهندس دادهتبریز641399/04/09138,575
48.فرهبد زیلاندمهندس نرم افزارتهران631397/01/04125,250
49.ژیلا صنممهندس نرم افزارگیلان561399/06/01115,000
50.ژیلا محمدیبرنامه نویستهران431392/02/0175,650
51.سارا فروهرمسئول فروشتهران461395/12/06145,600
52.همایون محمدیمدیر اجراییرشت471395/03/21356,250
53.لاله محمدیمدیر سیستمرشت211396/02/27103,500
54.هدا محمدیتوسعه دهندهگیلان301397/07/1486,500
55.شادی محمدیمدیر اجراییتهران511394/11/13183,000
56.یگانه محمدیبرنامه نویستبریز291395/06/27183,000
57.دنیا محمدیپشتیبانی مشتریتهران271395/01/25112,000
<!-- required css -->
<link href="assets/plugins/datatables.net-bs5/css/dataTables.bootstrap5.min.css" rel="stylesheet" />
<link href="assets/plugins/datatables.net-responsive-bs5/css/responsive.bootstrap5.min.css" rel="stylesheet" />
<link href="assets/plugins/datatables.net-buttons-bs5/css/buttons.bootstrap5.min.css" rel="stylesheet" />

<!-- required js -->
<script src="assets/plugins/datatables.net/js/jquery.dataTables.min.js"></script>
<script src="assets/plugins/datatables.net-bs5/js/dataTables.bootstrap5.min.js"></script>
<script src="assets/plugins/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
<script src="assets/plugins/datatables.net-buttons/js/buttons.colVis.min.js"></script>
<script src="assets/plugins/datatables.net-buttons/js/buttons.flash.min.js"></script>
<script src="assets/plugins/datatables.net-buttons/js/buttons.html5.min.js"></script>
<script src="assets/plugins/datatables.net-buttons/js/buttons.print.min.js"></script>
<script src="assets/plugins/datatables.net-buttons-bs5/js/buttons.bootstrap5.min.js"></script>
<script src="assets/plugins/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
<script src="assets/plugins/datatables.net-responsive-bs5/js/responsive.bootstrap5.min.js"></script>

<!-- html -->
<table id="datatableDefault" class="table text-nowrap w-100">
  ...
</table>

<!-- script -->
<script>
  $('#datatableDefault').DataTable({
    dom: "<'row mb-3'<'col-sm-4'l><'col-sm-8 text-end'<'d-flex justify-content-end'fB>>>t<'d-flex align-items-center'<'me-auto'i><'mb-0'p>>",
    lengthMenu: [ 10, 20, 30, 40, 50 ],
    responsive: true,
    buttons: [ 
      { extend: 'print', className: 'btn btn-default' },
      { extend: 'csv', className: 'btn btn-default' }
    ]
  });
</script>

جدول پایه

جدول بوت استرپ یک جدول توسعه یافته برای ادغام با برخی از پرکاربردترین چارچوب های سی اس اس است. (پشتیبانی از بوت‌سترپ سمنتیک سوآ، بالما متریال دیزاین، فادیشن). لطفاً بخوانیدمستندات رسمی برای لیست کامل گزینه ها بخوانید.

شناسه موردنام موردقیمت آیتم
1مورد 11 تومان
2مورد 22 تومان
3مورد 33 تومان
4مورد 44 تومان
5مورد 55 تومان
6مورد 66 تومان
7مورد 77 تومان
8مورد 88 تومان
9مورد 99 تومان
10مورد 1010 تومان
11مورد 1111 تومان
12مورد 1212 تومان
13مورد 1313 تومان
14مورد 1414 تومان
15مورد 1515 تومان
16مورد 1616 تومان
17مورد 1717 تومان
18مورد 1818 تومان
19مورد 1919 تومان
20مورد 2020 تومان
<!-- required css / js -->
<link href="assets/plugins/bootstrap-table/dist/bootstrap-table.min.css" rel="stylesheet" />
<script src="assets/plugins/bootstrap-table/dist/bootstrap-table.min.js"></script>

<!-- html -->
<table class="table" data-toggle="table"
  data-sort-class="table-active"
  data-sortable="true"
  data-search="true"
  data-pagination="true"
  data-show-refresh="true"
  data-show-columns="true"
  data-show-fullscreen="true"
  data-height="460">
...
</table>
رنگ قالب
 
 
 
 
 
 
 
 
 
 
 
 
کاور تم