fixedColumn issue

[krishnamoorthy51]

i cant implement the fixedColumn in dt options i am using angular 6+ with ionic

[shanmukhateja]

Hi,

We only offer support for projects with Angular >=10.

I'm closing this issue now.

[krishnamoorthy51]

we are using angular 11.2 and ionic ^5.5.2 can i implement that fixedColumn in dt options
is that possible means how to do that

Hi,

We only offer support for projects with Angular >=10.

I'm closing this issue now.

[shanmukhateja]

Hi @krishnamoorthy51

Please note this project is meant for Angular web apps. It may work on Ionic, I haven't tested it so I can't comment on Ionic specific implementation.

I do not quite understand your request, do you want to know how to implement Fixed Columns extension in your Ionic app?

If so, you could try installing the plugin JS and CSS code from NPM, add the necessary files to angular.json or Ionic's relevant file and use the extension's init code from the documentation.

For reference, here's our installation procedure for enabling Buttons extension in Angular app.

https://l-lin.github.io/angular-datatables/#/extensions/buttons

Hope this helps

[krishnamoorthy51]

Hi @krishnamoorthy51

Please note this project is meant for Angular web apps. It may work on Ionic, I haven't tested it so I can't comment on Ionic specific implementation.

I do not quite understand your request, do you want to know how to implement Fixed Columns extension in your Ionic app?

If so, you could try installing the plugin JS and CSS code from NPM, add the necessary files to angular.json or Ionic's relevant file and use the extension's init code from the documentation.

For reference, here's our installation procedure for enabling Buttons extension in Angular app.

https://l-lin.github.io/angular-datatables/#/extensions/buttons

Hope this helps

https://datatables.net/extensions/fixedcolumns/examples/initialisation/two_columns.html
@shanmukhateja i am trying to replicate this in my angular project but i cant freeze the columns using fixedColumns true

[shanmukhateja]

Hi @krishnamoorthy51

Could you provide StackBlitz link or GitHub repo to investigate this?

[krishnamoorthy51]

Hi @krishnamoorthy51

Could you provide StackBlitz link or GitHub repo to investigate this?

https://stackblitz.com/edit/angular-ivy-h31swj?file=src/app/home/home.page.ts

@shanmukhateja
here i have added my sample code i need freeze first two columns and others columns in scroll
can you guide me to do that

[shanmukhateja]

Could you try using the init code from left example?

fixedColumns: { left: 2} in this.dtOptions

[krishnamoorthy51]

@shanmukhateja i tried fixedColumns: { left: 2} in this.dtOptions but its not freezed that first two columns i don't know what i am missing
here i attached my dt options
this.dtOptions = {
scrollY: "300px",
scrollX: true,
scrollCollapse: true,
paging: true,
fixedColumns: { left: 2}
};

Could you try using the init code from left example?

fixedColumns: { left: 2} in this.dtOptions

[shanmukhateja]

Hi,

Your StackBlitz project is throwing the following error:

Error in ~/src/main.ts

ngcc failed to run on @ionic/angular@5.8.5, @angular/compiler@13.0.1, @angular/animations@13.0.1, @stencil/core@2.10.0, datatables.net-dt@2.1.1, tslib@2.3.1, ionicons@5.5.4, datatables.net@2.1.1, @angular/platform-browser@13.0.1, angular-datatables@12.0.1, @angular/common@13.0.1, @angular/core@13.0.1, @types/sizzle@2.3.3, jquery@3.6.0, zone.js@0.11.4, @ionic/core@5.8.5, rxjs@7.4.0, tslib@2.1.0, tslib@1.14.1, @types/jquery@3.5.8, @angular/router@13.0.1, @types/mocha@9.0.0, @angular/forms@13.0.1, @angular/platform-browser-dynamic@13.0.1.

After inspecting package.json, it seems you haven't included FixedColumn extension's CSS, JS file into project. I've mentioned this in the above comment. #1616 (comment)

This isn't a library issue. I'm closing this ticket now.

[krishnamoorthy51]

@shanmukhateja leave that previous issues i cant create scrollable data table .. using dt options do you have any samples for that in angular ??