[sapui5] Freeze table - fixed columns on the left, or allow right columns scrollable only

Hi there,

Sometimes you may get a requirement for the table that I mentioned in the title: Freeze table, or fixed columns on the left, or allow right columns scrollable only.

This can be achieved easily by sap.ui.table Control from the ui5 library.

Try this control in Explored.
More details API

---V---

Nhận xét

Đăng nhận xét

Bài đăng phổ biến từ blog này

Tại sao lại chụp ảnh theo bố cục 1/3 ?

Hình ảnh
Khung bố cục 1/3 Khi chụp ảnh, ta thường nghĩ nên để đối tượng ngay chính giữa bức hình, nhưng rõ ràng ta nhận ra chụp theo bố cục 1/3, đưa trọng tâm bức hình nằm chếch qua một bên sẽ có được bức ảnh ưng ý hơn. Hình theo bố cục 1/3 Vậy lí do tại sao? Sau đây là một số nguyên nhân mà mình tự suy luận sau khi xem loạt ảnh về nấm. Nhóm nấm được đặt ở ngay trọng tâm Dưới - Trái Nếu để đối tượng trọng tâm vào đúng giữa, thì quả thực đối tượng được nhấn mạnh: 1/ Nhưng PHÔNG NỀN phía sau thì khá vỡ bố cục, khiến đối tượng chính cũng không nổi bật được. Vì phông nền chỉ thấy được rìa ở 2 bên, nên khi xem có cảm giác như đằng sau bị chia cắt, vỡ vụn ra khiến bức hình không hoàn chỉnh, khung nhìn bị gián đoạn nên bức hình không được hoàn mĩ. (Và quy tắc này được áp dụng rất nhiều trong quay phim, luôn đảm bảo nhân vật đứng ở 2 phần ba đối lập nhau trong khung hình (dù là khi đó đang đối diện quay mặt trực tiếp vào nhau) 2 đối tượng đứng ở 2 nửa phần ba đối nhau 2/ Thứ
Đọc thêm

[sapui5] Best Practice in sapui5 development

Hình ảnh
Hi, Small Tips but no many knows: - Use this.getResouceBundle().getText(sKey, aParam) - Use BaseController (instead of creating a Util service). - Odata Model resetChanges() & submitChanges() ('TwoWay' binding required). Allow TAB to navigate within a table: Use property " keyboardMode " of ListBase . Set it to value " sap.m.ListKeyboardMode.Edit " and it would allow users to use TAB to move to the next cell in a table (the same behavior in MS Office table). API: https://sapui5.hana.ondemand.com/sdk/#/api/sap.m.ListBase/controlProperties https://sapui5.hana.ondemand.com/sdk/#/api/sap.m.ListKeyboardMode/overview References Advanced JS technique to shorten your code: Below hand-on with explanation will help you to shorten your frontend code a lot. Make the code more succinct, readable & easier to maintain. Functional Programming for your UI5 Apps Hands-On Worksheet Keep in mind the mindset: Think "everythin
Đọc thêm

Implement Search field with case-INSENSITIVE by SAP UI5

Hello guys, Continue to read if you're sapui5 developer, or you work closely with UI development. At the time I write this post, SAP UI5 and Odata does not support filter with case sensitivity. Odata provide some filter parameter that help you to filter with case-INSENSITIVe. However, you hardly modify the URI of ODATA service in your font end SAP UI5 code. Most of us use API provided from SAP , we only provide the parameter to API function, then let the API from SAPUI5 library handle the ODATA service URL. In short, I mean we cannot, or hardly, modifying the odata GET request as we want, but use the standard API instead. Return to the main topic, we need to write a function to filter the ODATA get request so that we get the returned data filtered as the way we want (filter with case-INSENSITIVE). For example: you type " test " in the search field, then you should get the results with all the entries containing "test", or "Test", or "TES
Đọc thêm