Ưu đãi trong tuần: Nhập mã UD50 giảm 50k cho đơn từ 300k!
Trang chủ
Menu

Mastering Lightning Datatable in Salesforce LWC

Thành thạo Lightning Datatable trong Salesforce LWC

Thành thạo Lightning Datatable trong Salesforce LWC

Khóa học duy nhất đi sâu vào các tính năng nâng cao như Chỉnh sửa Nội tuyến, Phân trang, Sắp xếp, Xác thực & nhiều hơn nữa!

4.7
(96 đánh giá)
1,152 học viên
Giảng viên
Rahul Malhotra
Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao
50.000đ 349.000đ -86%
✓ Xem giỏ hàng và thanh toán
Bao gồm phụ đề tiếng Việt, tiếng Anh
8.0 giờ video
63 bài giảng
Truy cập vĩnh viễn
Học trên mọi thiết bị
Cập nhật: 30/05/2026

Bạn sẽ học được gì

Tạo một lightning datatable trong LWC từ đầu
Thêm hành động cấp dòng, sắp xếp, hành động tiêu đề vào lightning datatable
Áp dụng tải vô hạn, chọn dòng theo chương trình, thêm hành động cấp dòng động
Tạo kiểu ô tùy chỉnh, thêm tính năng chỉnh sửa nội tuyến cho ô đó
Hiển thị lỗi tĩnh và động, thêm khả năng tiếp cận và lưu bản ghi vào salesforce

Yêu cầu

Kiến thức cơ bản về LWC và JavaScript. Tuy nhiên, chúng ta sẽ triển khai mọi thứ từ đầu

Đối tượng phù hợp

Dành cho bất kỳ ai muốn nâng cao kỹ năng LWC và thành thạo việc triển khai Lightning Datatable trong Salesforce

Nội dung khóa học

15 phần • 63 bài giảng
1 Tạo một lightning datatable trong LWC với dữ liệu nhân viên tĩnh
2 Hướng dẫn chung
1 Viết apex controller
2 Cập nhật JavaScript controller để lấy và hiển thị dữ liệu trong datatable của chúng ta
3 Đi sâu vào cấu trúc/định dạng đối tượng Js để hiển thị bản ghi trong datatable
1 Định dạng dữ liệu theo kiểu dữ liệu
2 Hiển thị cột số thứ tự, ẩn cột checkbox và thêm độ lệch cho cột số thứ tự
1 Thêm hành động dòng
1 Triển khai các thuộc tính datatable liên quan đến sắp xếp và định nghĩa phương thức handleSort
2 Triển khai phương thức handleSort() và sortBy() để sắp xếp bản ghi trong datatable
3 Đi sâu vào phương thức sortBy()
4 Xử lý giá trị undefined khi sắp xếp dữ liệu trong lightning datatable
1 Ẩn các hành động tiêu đề mặc định của lightning datatable
2 Thêm hành động tiêu đề mới (tùy chỉnh) vào lightning datatable của chúng ta
3 Triển khai handleHeaderAction() & đánh dấu tùy chọn đã chọn trong menu hành động tiêu đề
4 Cập nhật/Lọc bản ghi trong lightning datatable khi một hành động tiêu đề được chọn
1 Áp dụng chế độ độ rộng cột tự động
2 Áp dụng chế độ độ rộng cột cố định
3 Chọn dòng ban đầu và theo chương trình trong lightning datatable
4 [Tùy chọn] Đi sâu vào các hàm slice() và map()
1 Cập nhật apex controller
2 Cập nhật getContacts() & định nghĩa loadContacts() để tải thêm bản ghi khi cuộn
3 Sửa lỗi loadMore() bằng cách ngăn nhiều lệnh gọi apex và thêm spinner
4 Lưu ý
5 Đơn giản hóa/Cải thiện Code - Chỉ truy vấn danh bạ nếu có danh bạ trong salesforce
1 Cập nhật apex controller
2 Áp dụng các thuộc tính lightning datatable "Enable Infinite Loading" và "Is Loading"
3 Cách tiếp cận mới để triển khai tải vô hạn cùng với bộ lọc datatable - Lý thuyết
4 Đảm bảo tải vô hạn hoạt động đúng với việc lọc bản ghi
5 Demo, Tóm tắt và Kết thúc
1 Thêm hành động cấp dòng động
2 Áp dụng chỉnh sửa nội tuyến - thay đổi code
3 Chỉnh sửa nội tuyến - demo và giải thích code
1 Ôn tập và hiểu thuộc tính "draftValues" của lightning datatable
2 Cập nhật mảng draftValues trong LWC cha với draftValues đến từ datatable
3 Tạo một ô/mẫu datatable tùy chỉnh cho lightning datatable của chúng ta
4 Tạo một component LWC mới và sử dụng nó làm ô datatable tùy chỉnh của chúng ta
5 Thông báo cho LWC cha khi một sự kiện xảy ra trong ô datatable tùy chỉnh của chúng ta
6 Định nghĩa phần readOnly cho ô lightning datatable tùy chỉnh của chúng ta
7 Sửa CSS cho ô tùy chỉnh để có giao diện người dùng nhất quán cho chỉnh sửa nội tuyến
8 Triển khai lwc:if và lwc:else thay vì if:true/if:false
9 Lưu ý
1 Cập nhật mẫu html - Thay đổi giao diện người dùng
2 Định nghĩa thuộc tính công khai mới, getters và setters theo giao diện người dùng đã cập nhật
3 Thêm CSS động bằng getters & CSS do người dùng định nghĩa trong component ô datatable LWC
4 Triển khai trình xử lý cho các phần tử html mới. Cập nhật sự kiện cellchange cho phù hợp
5 Hiểu thuộc tính relatedTarget và sử dụng nó để chuyển sang chế độ readOnly
6 Khôi phục giá trị đã cập nhật trong ô tùy chỉnh về giá trị trước đó/Phát ra sự kiện cellchange
7 Lưu ý
8 Demo chức năng đã triển khai
9 Định nghĩa thuộc tính mới: selected, numberOfRecordsSelected và cập nhật chúng
10 Cập nhật các bản ghi được chọn với giá trị mới đến từ ô tùy chỉnh
1 Hiển thị thông báo lỗi tĩnh - cấp bảng khi người dùng đang chỉnh sửa bản ghi
2 Hiển thị thông báo lỗi tĩnh - cấp dòng với các trường cụ thể được đánh dấu
3 Triển khai thông báo lỗi động - cấp dòng và cấp bảng cho chỉnh sửa nội tuyến
4 Giải thích chi tiết các thay đổi code để triển khai thông báo lỗi động
5 Demo: Hiển thị thông báo lỗi động trong lightning datatable
1 Theo dõi khi cột của lightning datatable được thay đổi kích thước
2 Giữ các bản ghi đã cập nhật trong lightning datatable, sau khi người dùng hoàn thành thay đổi
3 Thêm khả năng tiếp cận vào lightning datatable
1 Định nghĩa phương thức apex controller & cập nhật danh bạ để có định dạng chính xác
2 Truyền danh bạ đã cập nhật đến apex controller để lưu chúng vào salesforce
3 Tổng kết!

Giới thiệu khóa học

As a salesforce developer, you'll come across many instances in multiple projects where you need to show records in a table. Lightning Datatable is a reusable component provided by salesforce using which you can display records easily. Welcome to Mastering Lightning Datatable in Salesforce LWC course, where you'll learn everything about lightning datatable from scratch. It doesn't matter if you've implemented lightning datatable before in LWC or not. We'll start from the very basics i.e. implementing a working lightning datatable from scratch within 10 minutes which will show static data and will go till advanced level, including our own custom datatable cell component.

While you'll find many courses/platforms that covers LWC basics, it doesn't offer a comprehensive, hands-on guide to mastering the lightning-datatable component. This course is designed to fill that exact gap.

Get straight to the point. Stop sifting through 40-hour LWC bootcamps for the one component you need. This course is a focused, 8-hour deep dive into every feature of Lightning Datatable.

To give you a high level idea, starting from the very basics of datatable, we'll cover a lot of topics including but not limited to: row level actions, header actions, infinite loading, sorting, defining a custom cell type, validations and interaction with apex controller.


Course Features

  • HD Videos

  • Detailed Explanations

  • All Concepts Covered - Beginner to Advanced

  • Extra Learning Resources

  • Certificate of Completion


The course is your stepping stone in becoming an amazing salesforce developer. We'll be doing a lot of coding and lwc development in this course which is super fun starting from the very first video. It'll not only help you master lightning datatable implementation in lwc, it'll also help you to level up as a salesforce developer. We'll code a lot of JavaScript together, learn LWC concepts like: child to parent communication using events, custom attributes etc. and thereby implement some amazing functionality in lightning datatable which you might have never implemented before!


This course is taught by Rahul Malhotra, who is a blogger and youtuber at SFDC Stop. He has delivered various live technical sessions at International and National Salesforce Conferences and other global gatherings including ApexHours, Cactusforce 2022, TrailheaDX India 2019, Dreamforce 2018, IndiaDreamin 2018, Jaipur Developer Fest 2018 as well as other global gatherings of Salesforce.

Khóa học liên quan

Khám phá thêm các khoá học cùng chủ đề

Hiển thị tất cả khoá học Javascript
Hiển thị tất cả khoá học Lightning Web Components
Hiển thị tất cả khoá học Salesforce Development
Hiển thị tất cả khoá học Web Development
Zalo
Tôi có thể tư vấn khoá học cho bạn 😊