🔥 อยากสร้าง Data Table เพื่อรองรับข้อมูลอันมหาศาลลล ทำยังไงดี ??
ต้องนี่ !! Library เจ๋ง ๆ จาก JavaScript ที่จะช่วยให้เพื่อน ๆ สร้าง Data Table ได้อย่างง่ายดาย แถมยังมีรูปแบบ Table ให้เลือกตามใจชอบเลยจ้าาา มีอะไรบ้างนั้น ไปดูกันเลย
.
🔴 1) DataTables
เป็น Libs จาก JavaScript ใช้งานง่าย และฟรี มีฟีเจอร์เยอะไม่ว่าจะเป็นการแบ่งหน้า, ช่อง Search, เลือกจำนวน Entries แถมรองรับการแสดงผลบนมือถืออีกด้วย
.
👉 โหลดใช้งานได้ที่นี่จ้า >> https://www.datatables.net/
.
🟠 2) Webix DataTable
เป็น Libs ที่จะช่วยให้เพื่อน ๆ สามารถจัดการกับข้อมูลในตารางอย่างง่ายดาย สามารถรองรับข้อมูลขนาดใหญ่ได้ด้วย แสดงผลได้รวดเร็ว มีฟีเจอร์เจ๋ง ๆ เช่น รูปแบบตารางหลากหลาย, ลากวางวิดเจ็ตได้อย่างอิสระ
.
👉 โหลดใช้งานได้ที่นี่ >> https://webix.com/widget/datatable/
🟡 3) PrimeNG Table
เป็น Component UI สำหรับ Angular รองรับการทำ Dynamic column เป็น Open-Source ใช้งานได้ฟรี ๆ จัดเรียง Column ใหม่ได้ง่าย ๆ และสามารถ Export ข้อมูลในตารางได้อีกด้วย
.
👉 โหลดใช้งานได้ที่นี่ >> https://www.primefaces.org/primeng/showcase/#/table
🟢 4) Vuetable
Libs JavaScript สุดเจ๋ง ใช้งานร่วมกับ Vue.js และ Axios ได้ มีฟีเจอร์หลากหลาย เช่น แปลงข้อมูลในตารางเป็น JSON, รองรับ CSS Framework, ปรับแต่ง Field ได้อิสระ, ปรับแต่งการ Sorting ได้ตามต้องการ
.
👉 โหลดใช้งานได้ที่นี่ >> https://www.vuetable.com/
🟣 5) KendoReact
สร้าง Data Table แถมยัง Export ข้อมูลเป็นไฟล์ Excel และ PDF ได้อีกด้วย ทำงานได้รวดเร็ว สามารถปรับแต่งได้เยอะ สามารถแยกบันทึกข้อมูลตาม Record ที่ต้องการได้ และสามารถตรึง Column ที่ต้องการได้ง่าย ๆ
.
👉 โหลดใช้งานได้ที่นี่ >> https://www.telerik.com/kendo-react-ui/components/grid/
.
ครบทั้ง 5 อันแล้ว เป็นยังไงกันบ้าง ลองเอาไปปรับใช้กับโปรเจกต์ของเพื่อน ๆ ดูนะ และหวังว่ามีเป็นประโยชน์กับเพื่อน ๆ น้า 😍
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
「dynamic css」的推薦目錄:
- 關於dynamic css 在 BorntoDev Facebook 的最讚貼文
- 關於dynamic css 在 Vietcetera Facebook 的最讚貼文
- 關於dynamic css 在 How to set a dynamic CSS value with JavaScript - Stack ... 的評價
- 關於dynamic css 在 Dynamic styles with css tag - callstack/linaria - GitHub 的評價
- 關於dynamic css 在 Dynamic.css - Ustym Ukhman 的評價
- 關於dynamic css 在 Attach dynamic inline css to - Drupal Answers 的評價
dynamic css 在 Vietcetera Facebook 的最讚貼文
𝐉𝐨𝐛 𝐃𝐞𝐬𝐜𝐫𝐢𝐩𝐭𝐢𝐨𝐧:
As a FE Developer, you will be working with Designers to implement UI/UX and support development of products as requested. We are looking for someone who is hard-working, has a strong willingness to learn new tech stack and fluent in English.
Please scroll to the end to see the Application Process.
Probation Period: 2 months
𝐑𝐞𝐪𝐮𝐢𝐫𝐞𝐦𝐞𝐧𝐭𝐬:
- 2+ years of experience with modern front-end development.
- Familiar with Agile development process, esp. Scrum framework
- Proficiency in JavaScript and CSS and an understanding of how web technologies work.
- React: component-based architecture is what you must know to get things done in the right way.
- Familiarity with working with REST API.
- Have experience working with search engine optimization (SEO)
- A Linux or Mac user is a huge plus.
Our tech stacks:
- React & Redux
- Next.js as a framework for server side rendering
𝐀𝐛𝐨𝐮𝐭 𝐲𝐨𝐮:
- Team player
- Quick learner
- Excellent communication & documentation skills
- Excellent time management
- Good English skill is a plus
𝐁𝐞𝐧𝐞𝐟𝐢𝐭𝐬:
- Competitive base salary + 13th month-salary
- Subsidised healthcare
- Dynamic and active work environment
- Catered lunch from Monday to Thursday.
- Opportunity to build a product from the ground up that will reach tens of millions of Vietnamese, other countries in Southeast Asia, and globally
- Access to meet and collaborate with experts and brands; just take a look at the content on Vietcetera to see for yourself!
🕧 Working time: from Monday – Friday, from 9.00 a.m. to 6.00 p.m.
🌐 Work location: Centec Tower, Ground Floor, 72 Nguyen Thi Minh Khai, District 3, Ho Chi Minh City.
𝐀𝐩𝐩𝐥𝐢𝐜𝐚𝐭𝐢𝐨𝐧 𝐏𝐫𝐨𝐜𝐞𝐬𝐬: Send your CV, with the subject "[Full-Time] FE Developer" to careers@vietcetera.com
If your CV passed our screening, we will send you 02 technical tests. You must pass these tests to be qualified for our interview round.
Thank you for your interest and we can't wait for you to be part of the team!
dynamic css 在 Dynamic styles with css tag - callstack/linaria - GitHub 的推薦與評價
Dynamic styles with css tag. Sometimes we have some styles based on component's props or state, or dynamic in some way. If you use the styled helper with ... ... <看更多>
dynamic css 在 Dynamic.css - Ustym Ukhman 的推薦與評價
Dynamic.css is a bunch of awesome, cross-browser CSS animations to use in any project. It's perfect to animate incoming and leaving web page elements, ... ... <看更多>
dynamic css 在 How to set a dynamic CSS value with JavaScript - Stack ... 的推薦與評價
... <看更多>
相關內容