Bố cục theo tab

Hiển thị nhiều bảng và biểu đồ trên cùng một trang có thể gây rối mắt và làm người dùng bị phân tâm. Trong những trường hợp như vậy, bố cục theo tab rất hữu ích vì cho phép hiển thị các đầu ra khác nhau dưới dạng các tab.

Trong bài tập này, bạn sẽ bắt đầu với ứng dụng Shiny dùng bố cục sidebar từ bài trước và chỉnh sửa để dùng các tab. Bài tập này cũng cho thấy Shiny giúp bạn đổi bố cục ứng dụng rất dễ dàng chỉ với vài thay đổi nhỏ trong mã.

Ứng dụng cuối cùng của bạn sẽ trông như sau:

An app where the name selector appears in the left sidebar, while the graph and table appear as tabs on the right in the main panel

Chỉnh sửa bố cục của ứng dụng để bộ chọn tên xuất hiện ở thanh bên và biểu đồ cùng bảng xuất hiện dưới dạng hai tab riêng ở phía bên phải. Đừng quên gắn nhãn cho các tab!

.css-6su6fj{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}Bài tập

Hướng dẫn

Bài tập