آموزش طراحی وب: ایجاد یک جدول قابل مرتب سازی

Design the Web: Creating a Sortable Table

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: جداول HTML لازم نیست که فقط یک حالت فقط خواندنی داشته باشند. بیاموزید که چگونه جداولی ایجاد کنید که به کاربران امکان مرتب سازی آنها را به هر شکلی که صلاح می دانند ، بیاموزید. Chris Converse نحوه استفاده از jQuery و یک افزونه رایگان به نام tableorter برای ایجاد یک جدول قابل تعویض و قابل تعامل با فقط چند خط کد را توضیح می دهد. وی همچنین نشان می دهد که چگونه می توان فلش ها و رنگ های نشانگر را با CSS اضافه کرد و یک تجزیه کننده سفارشی برای مرتب سازی هوشمندانه تاریخ ها ایجاد کرد. همانند تمام قسمت های طراحی وب ، پرونده های تمرینی این دوره (از جمله پلاگین جدا کننده) برای همه اعضا رایگان است.

سرفصل ها و درس ها

مقدمه Introduction

مقدمه Introduction
درباره پرونده های تمرینی About the exercise files

1. ساخت جدول HTML قابل مرتب سازی 1. Making an HTML Table Sortable

تهیه فایل HTML Preparing the HTML file
فعال کردن افزونه Activating the plugin
مرتب سازی مرتب سازی مرتب بر بار صفحه Setting a default sort on page load
ستون مرتب شده را برجسته کنید Highlighting the sorted column
ایجاد مثلث های CSS برای نشان دادن ترتیب مرتب سازی Creating CSS triangles to indicate sort order
ایجاد ویژگی های مرتب سازی سفارشی Creating custom sort properties
از اینجا به کجا بروم Where to go from here