Closed krishnamoorthy51 closed 2 years ago
Hi,
We only offer support for projects with Angular >=10.
I'm closing this issue now.
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.
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
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
Hi @krishnamoorthy51
Could you provide StackBlitz link or GitHub repo to investigate this?
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
Could you try using the init code from left example?
fixedColumns: { left: 2}
in this.dtOptions
@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}
inthis.dtOptions
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. https://github.com/l-lin/angular-datatables/issues/1616#issuecomment-967243553
This isn't a library issue. I'm closing this ticket now.
@shanmukhateja leave that previous issues i cant create scrollable data table .. using dt options do you have any samples for that in angular ??
i cant implement the fixedColumn in dt options i am using angular 6+ with ionic