Search

We're happy to take a look, but as per the forum rules, please link to a test case - a test case that replicates the issue will ensure you'll get a quick and accurate response. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here. Cheers, Colin

Sorry Colin, I cant able to reproduce the issue in test case. Since we build the datatable dynamically, we used overflow:auto property to some other div. I cant able to reproduce the exact issue in test case.

Hi there @kthorngren , Thanks for the quick answer. I've tried the first option, but the the returned data structure is dynamic. For example I have something like this: { "ChartData":{ "MyChartType": [ [{"data","data"}], [{"data","data"}], ] } } And this "MyChartType" is not always the same. If I do this: ajax :{ url: this.appConfigService.analyseConfig.chartsApiUrl + "/api/Charts/GetChartDetails?type=" + this.chartType, dataSrc: function (json){ //here I'll need the this.chartType variable in order to extract the data // but the context of the function is not binded to the // Angular component class and I do not have access to this variable return json; } }, The problem is written as a comment in the code above. In other words I'll be able to alter the received json if I have access to the Angular class variable. The second option I think expects predefined empty 1st column in order to write there the row index, but I do not have access to the data, because it is from the API call. So I'm left with the first option, but I do not know is there a way to access that Angular class variable, if yes - then my problem is solved? Thanks in advance, Julian

There are so many posts on this in this forum ... Just check them out. Here is one of them with more links to other posts: https://datatables.net/forums/discussion/comment/171227/#Comment_171227

There's an example on the Editor pages. This blog post shows how you can use the Editor scripts for a standard DataTables. Colin

Thank Kevin! It definitely seems to be the bootswatch bootstrap theme I have that is causing the strange colors. I'm pinpointing the CSS and making tweaks now. Thank you!

answered my question. https://datatables.net/examples/api/row_details.html

Thanks for your question. As noted in the forum rules, please post a link to a running test case showing the issue so we can offer some help. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here. Allan

columns: [ [ { data: 'id', name: 'id' }, { data: 'company_name', name: 'company_name' } ] ] Nested array there. It should just be: columns: [ { data: 'id', name: 'id' }, { data: 'company_name', name: 'company_name' } ] Allan

I can only send you a link to a test page. Will send the details to you and Allan in a private message tomorrow morning. Thanks.