使用 RTL 方向的 Treetable Primeng 问题

Question

例如图像

当您滚动左右标题而不滚动时，Treetable Primeng 使用方向 RTL 出现问题 您可以在 github 存储库或在线编辑器中帮助我们吗 我知道Primeng不支持RTL 我正在添加方向：rtl；身体上

Answer 1

我使用名称 onBodyScroll(event) 编辑此函数，并从本地存储中选择我选择的语言

您可以通过方向值选择其他方式，这是路径文件编辑 这是要编辑的文件路径

node_modules/primeng/fesm2022/primeng-treetable.mjs

这是我在函数中用于此解决方案的代码

onBodyScroll(event) {
        if (this.preventBodyScrollPropagation) {
            this.preventBodyScrollPropagation = false;
            return;
        }
        if (this.scrollHeaderViewChild && this.scrollHeaderViewChild.nativeElement) {
            let lang = JSON.parse(localStorage.getItem('lang'))['code'] || 'en'
            if(lang == 'ar'){
                this.scrollHeaderBoxViewChild.nativeElement.style.marginLeft = 'unset'
                this.scrollHeaderBoxViewChild.nativeElement.style.marginRight = event.target.scrollLeft + 'px';
            }else{
                this.scrollHeaderBoxViewChild.nativeElement.style.marginRight = 'unset'
                this.scrollHeaderBoxViewChild.nativeElement.style.marginLeft = -1 * event.target.scrollLeft + 'px';
            }
        }
        if (this.scrollFooterViewChild && this.scrollFooterViewChild.nativeElement) {
            this.scrollFooterBoxViewChild.nativeElement.style.marginLeft = -1 * event.target.scrollLeft + 'px';
        }
        if (this.frozenSiblingBody) {
            this.frozenSiblingBody.scrollTop = event.target.scrollTop;
        }
    }

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>