table sort js
1.22.1
الوصف: مكتبة فرز جدول HTML مع استدلال نوع الفرز المدمج وامتداد المتصفح. #vanillajs
العرض التوضيحي
الوثائق. (العمل قيد التقدم)
حزمة NPM. و JSDelivr
ملحقات متصفح Firefox و Chrome: طاولات أي موقع ويب تزوره تصبح قابلة للفرز!
< script src = "https://cdn.jsdelivr.net/npm/table-sort-js/table-sort.min.js" > </ script >أو الإصدار غير المحدد (حجم أكبر ، ولكن أسهل في التصحيح!):
< script src = "https://cdn.jsdelivr.net/npm/table-sort-js/table-sort.js" > </ script >مثال على كيفية استخدام جدول SORT-JS مع HTML
npm install table - sort - js import tableSort from "table-sort-js/table-sort.js" ;أمثلة على استخدام الجدول sort-js مع أطر الواجهة الأمامية مثل React.js و vue.js
class="table-sort" إلى HTML <Table> العلامات.| <الطاولة> فئات | وصف |
|---|---|
| "الجدول" | اجعل الجدول قابلاً للفرز! (الكلمات ، الأرقام ، التواريخ ، أحجام الملفات) ... |
| "عروض الجدول" | عرض الأسهم تصاعدي أو تنازلي. يدعم الأسهم المخصصة ؛ على سبيل المثال: "الجدول" ⇈⇋⇊ " |
| "لا دقة في الفئة" | يقوم بإيقاف تشغيل الاستدلال لإضافة فئات الفرز تلقائيًا على سبيل المثال (حجم الملف ، وتواريخ ديمي) ، إلخ. |
| "تذكر سيورت" | إذا كان النقر فوق الأعمدة المختلفة يتذكر نوعًا من العمود الأصلي. |
| "خلايا سيورت" | فرز الخلايا (TD) بدلاً من صفوف الجدول (TR) ؛ مفيد للحفاظ على صفوف الجدول مع فئات/سمات في مكانها. |
| <h> الفصول | وصف |
|---|---|
| "بيانات البيانات" | فرز سمات البيانات ، على سبيل المثال <td data-sort = "42">. مفيد للقيام بالأنواع المخصصة. |
| "تواريخ-سيورت" | أنواع التواريخ في تنسيق نمط الولايات المتحدة MM/DD/YYYY ؛. على سبيل المثال (12/28/2023). يمكن استخدام "/" أو "-" كفاصل. Overides استنتج "Dates-Dmy-Sort". |
| "onload-sort" | فرز العمود على تحميل الصفحة. يحاكي نقرة من المستخدم. (لا يمكن فرز التحميل إلا لعمود واحد) |
| "تعطيل سيورت" | رفض فرز الجدول بهذا العمود المحدد. |
| <h> الفصول المستخلصة. | وصف |
|---|---|
| "الرقم الرقمي" | أنواع الأرقام بما في ذلك العشرية - إيجابية ، سلبية (في كل من تمثيلات الناقصات والأقواس). |
| يدعم العملات المشتركة على سبيل المثال ($ £ €) وعلامات النسبة المئوية على سبيل المثال (0.39 ٪) | |
| "تواريخ ديمي سورت" | أنواع التواريخ بتنسيق DD/MM/YYYY. على سبيل المثال (18/10/1995). يمكن استخدام "/" أو "-" كفاصل. |
| "التواريخ-SORT" | أنواع التواريخ بتنسيق ISO 8601 YYYY/MM/DD. على سبيل المثال (2021/10/28). استخدم "/" أو "-" كفاصل. |
| "حجم الملف" | يستخدم أحجام الملفات (B-> TIB) البادئة الثنائية. (على سبيل المثال 10 ب ، 100 KIB ، 1 MIB) ؛ مساحة اختيارية بين العدد والبادئة. |
| "وقت الجري" | فرز وقت التشغيل في ساعات وثواني على سبيل المثال (10h 1m 20s). مفيد لفرز عمود وقت تشغيل الإجراءات github ... |
| <h> الفئات التي تغير الافتراضات. | وصف |
|---|---|
| "أمر تلو الآخر" | اطلب عن طريق النزول على النقر الأول. (الافتراضي هو ASCENDER) |
| "ألفا سيورت" | فرز أبجديًا (Z11 ، Z2) ؛ الافتراضي هو النوع الطبيعي (Z2 ، Z11). |
| "عاقم العاتق" | فرز علامات الترقيم. الافتراضي يتجاهل علامات الترقيم. |
إذا كنت ترغب في المساهمة ، يمكن العثور على تعليمات التثبيت هنا.
