GridRTL Support

RTL Support

nGrid support for RTL layout direction is straight-forward:

<pbl-ngrid [dataSource]="ds" [columns]="columns" dir="rtl"></pbl-ngrid>

Application wide layout support

RTL/RTL support is part of the angular CDK bidi package which implement an application wide layout support for RTL/RTL layouts.

You can apply the layout per grid (as seen above), per section or per application.

In the example above, there is no specific layout defined. You can still switch between layout's, RTL or LTR, by toggling the RTL switch toggle button on the top toolbar.

Since the top example explicitly set's the directionality, it does not react to changes in the top level directionality state, it has its own internal state.

Read more about the CDK bidi package and Directionality on the CDK website

Shlomi Assaf © 2020. Code licensed under an MIT-style License. Documentation licensed under CC BY 4.0.

Version 5.0.0 using angular 14.2.4 and cdk 14.2.3 (hash: 25f523f)